网址:getinjuryanswers.com
当我更改移动菜单的高度和边距时,它会失去它的功能。我究竟做错了什么?感谢。
这就是我想要的:
#mobi-menu {
background: url("http://getinjuryanswers.com/wp-content/themes/Bajaj/images/mobile-menu-icon.png") no-repeat scroll 0 0 #203c4f;
clear: both;
cursor: pointer;
display: block;
float: none;
height: 30px;
margin: 0;
visibility: visible;
width: 100%;
}
这就是目前的情况:
#mobi-menu {
background: url("http://getinjuryanswers.com/wp-content/themes/Bajaj/images/mobile-menu-icon.png") no-repeat scroll 0 0 #203c4f;
clear: both;
cursor: pointer;
display: block;
float: none;
height: 30px;
margin: 40px 12px 2px 0;
visibility: visible;
width: 100%;
}
HTML CODE:
<aside class="widget-area header-widget-area">
<div id="mobi-menu">
<span>Menu</span>
</div>
<section id="black-studio-tinymce-2" class="widget widget_black_studio_tinymce">
<section id="nav_menu-2" class="widget widget_nav_menu">
</aside>
</div>
答案 0 :(得分:1)
看起来菜单上方有另一个图层,您可以尝试通过添加以下内容将其重新打上:
#mobi-menu {
position: relative;
z-index: 2;
}
答案 1 :(得分:1)
当您设置margin: 0
时,第一部分(#black-studio-tinymce-2)会覆盖菜单图标,因此永远不会被点击。
目前尚不清楚您在移动设备上尝试使用该部分,因为它不显示。如果您不需要,可以将其设置为display: none;
,或者将其移动到其他位置。