菜单没有出现在手机上?
当我在移动中打开我的网站时,菜单栏被图层滑块隐藏。此外,徽标应显示在标题上,但不是。菜单没有出现在手机上?
.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。我如何修改这个移动版。
响应式菜单栏可以使用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>
问题滑动电子节目覆盖在菜单上。 对于手机添加
header-area-wrapper{position: relative;}
希望这能帮到你。
试过这个......没有成功。 –
试试这个: @media screen and(max-width:480px) .header-area-wrapper {position}:relative!important; } – user3792555
我刚刚尝试过......没有成功。 –
是的..我知道。但我如何在wordpress中安装它。我是否上传wp-content中的引导程序? 并且有很多index.php文件,我应该选择哪个文件来编辑标记。 对不起,我有点新手这个。 –
http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial这是完整的指南如何在木材制作响应式主题或布局 –