Un usuario preguntó 👇
Hola,
Personalizo una plantilla html para un tema de wordpress. Necesito ayuda para hacer un menú desplegable. Aquí está mi código html con submenú de ejemplo:
<nav>
<ul class="header-bottom-list d-flex">
<li class="active"><a class="drop-icon" href="#">Home</a>
<!-- Home Version Dropdown Start -->
<ul class="ht-dropdown">
<li><a href="#">Home Version 1</a></li>
<li><a href="#">Home Version 2</a></li>
</ul>
<!-- Home Version Dropdown End -->
</li>
</ul>Así es como WordPress hace mi código:
<nav class="menu-menu-principal-container"><ul id="menu-menu-principal-1" class="header-bottom-list d-flex"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-6 current_page_item menu-item-has-children menu-item-30"><a href="http://localhost/ap3e/">Home</a>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="http://localhost/ap3e/contact/">Home version 1</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://localhost/ap3e/la-boutique/">Shop</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://localhost/ap3e/actualites/">News</a></li>
</ul></nav>¿Cómo modifico CSS para configurar este menú desplegable? Gracias.
Lanzador de hilos
(@fredericbdr)
Hace 2 años, 8 meses
Lo siento, aquí está mi código php de encabezado para mi menú:
<nav>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'depth' => 2,
'container' => 'nav',
'container_class' => ''
)
);
?>
</nav>(@bcworkz)
Hace 2 años, 8 meses
No puede obtener un menú desplegable real con la estructura ul / li, el menú desplegable real usa estructuras seleccionadas / de opciones. Muchos temas receptivos generan una caída de ersatz a partir de estructuras ul / li. AFAIK, también se requieren algunas secuencias de comandos. No creo que sea posible una solución CSS pura. Aunque antes estaba equivocado.
Puede consultar uno de los veinte temas predeterminados * para ver ejemplos de cómo crear listas desplegables sustitutos para las estructuras de menú ul / li. Utilice el inspector de CSS de su navegador para averiguar qué CSS se utiliza en el modo de emulación móvil. Vea también cualquier script JS que cargue el tema, estoy seguro de que también hay un script relacionado con el menú.
¿Solucionó tu problema??
0 / 0