Question

网址：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>

Answer 1

看起来菜单上方有另一个图层，您可以尝试通过添加以下内容将其重新打上：

#mobi-menu {
    position: relative;
    z-index: 2;
}

Answer 2

当您设置margin: 0时，第一部分（＃black-studio-tinymce-2）会覆盖菜单图标，因此永远不会被点击。

目前尚不清楚您在移动设备上尝试使用该部分，因为它不显示。如果您不需要，可以将其设置为display: none;，或者将其移动到其他位置。

移动菜单问题

2 个答案: