Top nav Bar

Estimados,

Tengo este codigo para una barrade un template que estoy adaptando a wordpress:

<div class="col-md-10">
            <div id='topnav'>
               <ul class="top-menu">
                  <?php // wp_nav_menu(); ?>
                  <li class='has-sub'><a href='/'><span>Portada</span></a>
                  <li class="has-sub"><a href='#'><span>Nuestra Empresa</span></a>

<ul>
<li><a href="/quienes-somos/">Quienes Somos</a></li>
<li><a href="/nuestros-valores/">Nuestros Valores</a></li>
<li><a href="/vision-mision/">Visión - Misión</a></li>
<li><a href="#">Compromiso Epsa</a></li>
<li><a href="#">Galería de Fotos</a></li>
</ul>
                  <li class='has-sub'><a href='/nuestros-servicios/'><span>Nuestros Servicios</span></a>
                  <li class='has-sub'><a href='/contactenos/'><span>Contacto</span></a>

            </div>
         </div>

eso quiero como resultado final, pero en el codigo fuente me aparece esto:

<div class="col-md-10">
                     <div id='topnav'>
                  <!-- codigo menu -->
                  <ul class="top-menu"><li id="menu-item-72" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-72"><a href="/">Portada</a>
<li id="menu-item-143" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-143"><a href="#">Nuestra Empresa</a>
<ul class="sub-menu">
	<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://www.epsachile.com/quienes-somos/">Quienes Somos</a>
	<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="https://www.epsachile.com/nuestros-valores/">Nuestros Valores</a>
	<li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="https://www.epsachile.com/vision-mision/">Visión – Misión</a>
	<li id="menu-item-144" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-144"><a href="#">Compromiso Epsa</a>
	<li id="menu-item-145" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-145"><a href="#">Galería de Fotos</a>

<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="https://www.epsachile.com/nuestros-servicios/">Nuestros Servicios</a>
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="https://www.epsachile.com/contactenos/">Contáctenos</a>
                  <!-- fin codigo menu -->
                     </div>

         </div>

lo que he intentado es esto, que solo me modifica los <ul class>
pero no se como hacer para que siga con los

• y demás. este es el codigo que uso:

  <!-- Navmenu -->
           <div class="col-md-10">
                       <div id='topnav'>
                    <!-- codigo menu -->
                    <?php  wp_nav_menu( array( 
  
                    'container_class' => 'topnav' ,
                    'container' => 'top-menu',
                    'items_wrap' => '<ul class="top-menu">%3$s', '<li class="has-sub">%3$s</li>
  ',
  
                    ) ); ?>
                    <!-- fin codigo menu -->
                       </div>
  
           </div>

  si alguien me puede ayudar o decir que estoy haciendo mal. porfa se los reuego me urge.

  Saludos.