Question

我目前正在处理使用Wordpress的网站的问题。

当我进入移动设备时，我会看到一个生成的移动图标，当我点击它时，它只显示2个链接，然后在前2个链接之后，其余的链接似乎消失了。

这是当前移动导航切换时的样子：

我试图改变整个高度并添加关于css的背景颜色，因为它是Wordpress我会尝试发布当前编码的图像。

<nav role="navigation"> 
  <div class="menu-main-menu-bliss-container">
   <ul id="navigation" class="navigation">
     <li id="menu-item-6725" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6725"><a href="/"><span>Home</span></a></li>
     <li id="menu-item-6793" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6793"><a href="#"><span>About</span></a>
  <ul class="sub-menu">
     <li id="menu-item-6794" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6794"><a href=""><span>Bliss Mission</span></a></li>
     <li id="menu-item-6795" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6795"><a href=""><span>Hayley Shaw</span></a></li>
     <li id="menu-item-6796" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6796"><a href=""><span>Akhanda Yoga</span></a></li>
   </ul>
  </li>
   <li id="menu-item-6797" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6797"><a href="#"><span>Yoga</span></a>
   <ul class="sub-menu">
    <li id="menu-item-6798" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6798"><a href="/classes-schedule/"><span>Class Schedule</span></a></li>
    <li id="menu-item-6799" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6799"><a href="/private-lessons"><span>Private Lessons</span></a></li>
    <li id="menu-item-6800" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6800"><a href="/bliss-events"><span>Events</span></a></li>
    <li id="menu-item-6801" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6801"><a href="/retreats"><span>Retreats</span></a></li>
  </ul>
  </li>
    <li id="menu-item-6803" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6803"><a href="/categories"><span>Shop</span></a></li>
    <li id="menu-item-6804" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6804"><a href="/blog"><span>Blog</span></a></li>
    <li id="menu-item-6805" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6805"><a href="/contact"><span>Contact</span></a></li>
    <li id="menu-item-6806" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6806"><a target="_blank" href=""><span>Donate</span></a></li>
  </ul></div>
</nav>

CSS实际上具有应显示整个导航的高度，以及用于将导航放在其他所有内容之上的z-index。

导航栏不显示移动的所有链接

0 个答案: