菜單沒有出現在手機上？

當我在移動中打開我的網站時，菜單欄被圖層滑塊隱藏。此外，徽標應顯示在標題上，但不是。菜單沒有出現在手機上？

.header-wrapper{ background-color:#0073ff; position: relative; 
height: 60px; 
} 

div.title-item-wrapper h2.title-item-header{ color: #0073ff; } 

.logo-wrapper{ padding-top:2px; } 

h3.gdl-header-title{ color:#0073ff; } 

div.package-search-select{ padding-right: 21px; } 

a.gdl-button.small{ padding: 10px 10px 10px 10px; font-size: 14px; 
}

這是我的css for web。我如何修改這個移動版。

這是我的地盤http://185.105.4.132/~zen/

來源

2015-10-15 N.Tanwir

響應式菜單欄可以使用Bootstrap框架。 DEMO

https://jsfiddle.net/DhwaniSanghvi/novgts5c/

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <div class="pull-left"><img src="http://185.105.4.132/~zen/wp-content/uploads/2015/10/Zen-Logo-Small13.png"></div> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
     <span class="sr-only">Toggle navigation</span> 
    <span class="fa fa-bars"></span>  
     </button> 
    </div> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 

     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Contact</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Map</a></li> 
     </ul> 
    </div> 
    </div> 
</nav>

來源

2015-10-15 10:24:13

是的..我知道。但我如何在wordpress中安裝它。我是否上傳wp-content中的引導程序？並且有很多index.php文件，我應該選擇哪個文件來編輯標記。對不起，我有點新手這個。 –

http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial這是完整的指南如何在木材製作響應式主題或佈局 –

適應你的頁面的移動，你可以做幾件事情

看看media queries
使用像bootstrap
用％價值觀的框架代替px

來源

2015-10-15 09:42:50 Simplicity

問題滑動電子節目覆蓋在菜單上。對於手機添加

header-area-wrapper{position: relative;}

希望這能幫到你。

來源

2015-10-15 09:46:47 user3792555

試過這個......沒有成功。 –

試試這個： @media screen and（max-width：480px） .header-area-wrapper {position}：relative！important; } – user3792555

我剛剛嘗試過......沒有成功。 –

菜單沒有出現在手機上？

回答

相關問題