Question

在最近处理过的旧网站上出现CSS问题。问题是主菜单下的子菜单显示为一条非常细的线，没有实际选择任何ul li的选项。

之前没有问题，当菜单被硬编码为主题的头文件中的HTML但客户端无法更改菜单时，为了以正确的方式做事，我将HTML更改为：

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

但现在我遇到了上述问题。这是参考的URL： http://www.ellianaevents.com/

我尝试更改子菜单类的高度和位置，但无济于事。

感谢任何帮助。

Answer 1

这是因为ul有一个overflow-y:auto所以只需用下面的css更改它：

ul#menu {
   overflow: visible;
}

Answer 2

添加此添加此enter code here ul.max-menu { 溢出y：可见; }

行号：154

Answer 3

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'));

CSS菜单的子菜单未显示

3 个答案: