Question

嘿伙计，

每当在移动设备上查看时，我都会遇到问题，导航会隐藏在我的横幅后面。

http://ofek.rldstrategic.com/

/*--- mobile landscape style ---*/
@media only screen and (max-width: 767px) {
body .container{ max-width: 420px; }
body .body-wrapper.gdlr-boxed-style { max-width: 460px; }
body .body-wrapper{ overflow: hidden; }

.one-ninth, .one-eighth, .one-seventh,.one-fifth,
.two-fifth, .three-fifth, .four-fifth,
.one, .two, .three, .four, .five, .six, .seven,
.eight, .nine, .ten, .eleven, .twelve{ width: 100%; }   

<ul id="menu-home_short" class="dl-menu gdlr-main-mobile-menu dl-menuopen">
<li id="menu-item-5388" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3733 current_page_item menu-item-5388"><a href="http://ofek.rldstrategic.com/">Home</a>
</li>
<li id="menu-item-5389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5389"><a href="http://ofek.rldstrategic.com/about/">About</a>
</li>
<li id="menu-item-5392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5392"><a href="http://ofek.rldstrategic.com/our-services/">Expertise</a>
</li>
<li id="menu-item-5394" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5394"><a href="http://ofek.rldstrategic.com/our-projects/">Projects</a>
</li>
<li id="menu-item-5390" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5390"><a href="http://ofek.rldstrategic.com/consulting-services/">Consulting</a>
</li>
<li id="menu-item-5393" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5393"><a href="http://ofek.rldstrategic.com/planning/">Planning</a>
</li>
<li id="menu-item-5396" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5396"><a href="http://ofek.rldstrategic.com/auditing/">Auditing</a>
</li>
<li id="menu-item-5391" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5391"><a href="http://ofek.rldstrategic.com/contact-page/">Contact</a>
</li>

Answer 1

取决于您使用的横幅类型，我想通过添加

z-index: -10;

到您的横幅广告，您将获得顶部的导航栏

响应式导航菜单错误

1 个答案: