摺疊菜單僅部分可見

-2

在我的網站www.dallazaira.it我的手機模板有問題。當我點擊菜單按鈕它出現，但我只看到第一個菜單項。摺疊菜單僅部分可見

我嘗試所有帖子中的所有css和jquery，我嘗試修改css幾個小時，但我找不到解決方案。你能幫我嗎？謝謝！

The html when closed is: 
<nav class=" bd-hmenu-1" data-responsive-menu="true" data-responsive-levels=""> 
<div class=" bd-menuitem-10 collapse-button"><a data-toggle="collapse" data-target=".bd-hmenu-1 .collapse-button + .navbar-collapse" href="#" onclick="return false;" class="collapsed"><span></span></a></div> 
<div class="navbar-collapse collapse" style="height: 0px;"> 
<div class=" bd-horizontalmenu-1 clearfix"> 
<div class="bd-container-inner"> 
<ul class=" bd-menu-1 nav navbar-left nav-pills nav-pills"> 
<li class=" bd-menuitem-3 item-101 current"><a class=" active" href="/"><span>Home</span></a></li>       
<li class=" bd-menuitem-3 item-125"><a href="/prodotti"><span>Prodotti</span></a></li>       
<li class=" bd-menuitem-3 item-124"><a href="/gallery"><span>Gallery</span></a></li>       
<li class=" bd-menuitem-3 item-108"><a href="/dove-siamo"><span>Dove siamo</span></a></li>       
<li class=" bd-menuitem-3 item-109"><a href="/contattaci"><span>Contattaci</span></a></li> 
</ul>  
</div> 
</div>   
</div> 
</nav>

打開時是HTML：

<nav class=" bd-hmenu-1" data-responsive-menu="true" data-responsive-levels=""> 
<div class=" bd-menuitem-10 collapse-button"><a data-toggle="collapse" data-target=".bd-hmenu-1 .collapse-button + .navbar-collapse" href="#" onclick="return false;" class=""><span></span></a></div> 
    <div class="navbar-collapse collapse in" style="height: auto;"> 
    <div class=" bd-horizontalmenu-1 clearfix"> 
    <div class="bd-container-inner"> 
    <ul class=" bd-menu-1 nav navbar-left nav-pills nav-pills"> 
     <li class=" bd-menuitem-3 item-101 current"><a class=" active" href="/"><span>Home</span></a></li> 
     <li class=" bd-menuitem-3 item-125"><a href="/prodotti"><span>Prodotti</span></a></li>       
     <li class=" bd-menuitem-3 item-124"><a href="/gallery"><span>Gallery</span></a></li>       
     <li class=" bd-menuitem-3 item-108"><a href="/dove-siamo"><span>Dove siamo</span></a></li>       
     <li class=" bd-menuitem-3 item-109"><a href="/contattaci"><span>Contattaci</span></a></li> 
    </ul> 
    </div> 
    </div>   
    </div> 
</nav>

來源

2017-07-17 Alessandro Fiorenza

你的代碼在哪裏，你試過了什麼？對於某個具體問題，您會得到更好的答覆，此時此方式太開放了。 –

我將鏈接發佈到網站，以便檢查頁面，我認爲它更簡單。我添加了html。該模板是一個免費的joomla模板。如果你需要somtehing告訴我。謝謝 –

我發佈了一個解決方案。但這是堆棧溢出的問題。因爲你的問題沒有完全反映問題。它只能通過實際查看你的頁面來解決。所以我會投票刪除它。下次請創建一個最小的可驗證示例，請參閱：https://stackoverflow.com/help/mcve 如果您想幫助其他人，那麼您應該將問題報告給模板製作人員，除非僅僅創建問題通過您的自定義CSS。 –

你應該總是檢查瀏覽器的開發者工具的元素。然後你會看到，該菜單：

是隱藏的旋轉木馬
背後沒有背景色

所以元素是存在的，它是不可見的。

所以你應該添加一些CSS，如：

.navbar-collapse { 
    z-index: 100; 
    background: white; 
}

但真的在這裏你的主要教訓，應該開始學習如何使用browser developer tools，這樣你就可以準確地查明問題。

來源

2017-07-17 12:55:10

摺疊菜單僅部分可見

回答

相關問題