Tener un problema de CSS con un menú en un sitio antiguo en el que se trabajó recientemente. El problema es que el submenú debajo del menú principal se muestra como una línea muy delgada sin ninguna opción para seleccionar ninguno de los ul li.

No había ningún problema anteriormente cuando el menú se codificaba como HTML en el archivo de encabezado del tema, pero el cliente no podía cambiar el menú, por lo que para hacer las cosas de la manera correcta cambié el HTML a:

<?php
wp_nav_menu( array( 
'theme_location' => 'header', 
'menu' => 'mobile-menu',
'menu_class' => 'max-menu',
'menu_id' => 'menu') ); 
?>

Pero ahora tengo el problema mencionado anteriormente. Aquí está la URL de referencia: http://www.ellianaevents.com/

Intenté cambiar la altura y el posicionamiento de la clase de submenú, pero fue en vano.

Cualquier ayuda es apreciada.

-3
Enoch 19 jun. 2017 a las 11:47

3 respuestas

La mejor respuesta

Es porque ul tiene un overflow-y:auto, así que cámbielo con el siguiente CSS:

ul#menu {
   overflow: visible;
}
1
Minal Chauhan 19 jun. 2017 a las 08:51
We have to add submenu css in style.css file to display submenu options in the menu 

after displaying menu using function below

wp_nav_menu(array('menu_name'=>'Name of menu given in backend','container'=>false,'menu_class'=>'class of menu if you want to give if you dont want then leave it blank'));
0
KTrivedi 19 jun. 2017 a las 09:12

Agregue esto agregue esto enter code here ul.max-menu { desbordamiento-y: visible; }

Número de línea: 154

1
Deepu Cherian 19 jun. 2017 a las 08:59