0
我想在我的主题中添加子菜单。但它现在显示出来了。我在我的网站上使用WordPress。子菜单没有显示。
我不知道为什么CSS不起作用。
有关详细信息，请参阅下面的代码。
感谢您的帮助。
header nav {
position: absolute;
top: 92px;
right: 20px;
}
header nav ul {
margin: 0;
padding: 0;
}
header nav ul li {
margin: 0;
padding: 0;
font: 400 18px 'PT Sans Narrow';
color: #6d6d6d;
list-style: none;
position: relative;
float: left;
}
header nav ul li a {
padding: 2px 12px 5px 12px;
font: 400 18px 'PT Sans Narrow';
color: #6d6d6d;
display: block;
text-decoration: none;
}
header nav ul li a:hover, header nav ul li.current-menu-item a, header nav li.current-page-ancestor a {
background: #202020;
color: #ffffff;
}
header ul.sub-menu {
height: auto;
width: 210px;
text-align: left;
position: absolute;
left: 0;z-index: 9999;
display: none;
}
header ul.sub-menu li {
height: auto;
width: 210px;
font: 400 18px 'PT Sans Narrow';
color: #6d6d6d;
display: block;
float: none !important;
position: relative !important;
}
header ul.sub-menu a {
padding: 2px 12px 5px 12px;
background: #202020;
color: #ffffff;
display: block;
text-decoration: none;
position: relative !important;
}<header>
<nav class="menu-primary-container"><ul id="menu-primary" class=""><li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20"><a href="http://www.asbestosremovalprofessionals.com.au/">Home</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19"><a href="http://www.asbestosremovalprofessionals.com.au/about-ab-asrem/">About Us</a></li>
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-69"><a href="http://www.asbestosremovalprofessionals.com.au/asbestos-testing-melbourne/">Asbestos Testing</a>
<ul class="sub-menu">
\t <li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="http://www.asbestosremovalprofessionals.com.au/asbestos-roof-removal-cost/">Asbestos Roofing</a></li>
</ul>
</li>
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://www.asbestosremovalprofessionals.com.au/testimonials/">Testimonials</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a href="http://www.asbestosremovalprofessionals.com.au/contact/">Contact</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a href="http://www.asbestosremovalprofessionals.com.au/blog/">Blog</a></li>
</ul></nav></header>
我不能只是使用上面的代码重现您的问题。你能提供更多的信息，如主题和设置？显示菜单的屏幕截图不见了也很棒。 – FelisCatus
以下是截图的链接：https：//qsnapnet.com/snaps/60hp4ih93ma38fr –