Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Wordpress移动菜单未出现_Css_Wordpress_Drop Down Menu_Menu_Responsive Design - Fatal编程技术网

Css Wordpress移动菜单未出现

Css Wordpress移动菜单未出现,css,wordpress,drop-down-menu,menu,responsive-design,Css,Wordpress,Drop Down Menu,Menu,Responsive Design,我在Wordpress网站上安装了一个新主题,我正努力让手机菜单出现在内容上方 我尝试过更改#mobile menu的z-index值,但它似乎仍然位于滑块后面 您可以在此处看到问题:您应该为实际菜单提供以下属性: #menu-menu-1 { position: absolute; background: white; width: 100%; } 请参阅此屏幕截图及其应用的属性: #menu-menu-1 { position: absolute;

我在Wordpress网站上安装了一个新主题,我正努力让手机菜单出现在内容上方

我尝试过更改#mobile menu的z-index值,但它似乎仍然位于滑块后面


您可以在此处看到问题:

您应该为实际菜单提供以下属性:

#menu-menu-1 {
    position: absolute;
    background: white;
    width: 100%;
}
请参阅此屏幕截图及其应用的属性:

#menu-menu-1 {
    position: absolute;
    background: white;
    width: 100%;
}

您应该为实际菜单提供以下属性:

#menu-menu-1 {
    position: absolute;
    background: white;
    width: 100%;
}
请参阅此屏幕截图及其应用的属性:

#menu-menu-1 {
    position: absolute;
    background: white;
    width: 100%;
}

更改您的
样式的这一行。css
行2017

@media screen and (max-width: 568px)
.menu-mobile, .menu-mobile ul, .menu-mobile li, .menu-mobile a {
    margin: 0;
    paddding: 0;
}
对此

@media screen and (max-width: 568px)
.menu-mobile, .menu-mobile ul, .menu-mobile li, .menu-mobile a {
    position: relative;
    z-index: 1;
    background: white;
    margin: 0;
    paddding: 0;
}

更改
style.css的这一行

@media screen and (max-width: 568px)
.menu-mobile, .menu-mobile ul, .menu-mobile li, .menu-mobile a {
    margin: 0;
    paddding: 0;
}
对此

@media screen and (max-width: 568px)
.menu-mobile, .menu-mobile ul, .menu-mobile li, .menu-mobile a {
    position: relative;
    z-index: 1;
    background: white;
    margin: 0;
    paddding: 0;
}