Html 移动菜单显示为空,无法更改样式

Html 移动菜单显示为空,无法更改样式,html,css,wordpress,mobile,web,Html,Css,Wordpress,Mobile,Web,在开发我的网站时,手机菜单停止显示我的任何导航 我试图通过更改样式表来显示导航,例如文本颜色、z索引、背景色等,但没有显示我的任何更改。(见下文) 我可能错误地阅读了开发工具,缺少了一种可能有用的风格,或者可能有更复杂的东西正在进行中 @media screen and (max-width: 600px) { #mobile-navigation-jquery { background-color:rgb(28, 34, 48)!important; z-index:200; }

在开发我的网站时,手机菜单停止显示我的任何导航

我试图通过更改样式表来显示导航,例如文本颜色、z索引、背景色等,但没有显示我的任何更改。(见下文)

我可能错误地阅读了开发工具,缺少了一种可能有用的风格,或者可能有更复杂的东西正在进行中

@media screen and (max-width: 600px) {

#mobile-navigation-jquery {
  background-color:rgb(28, 34, 48)!important;
  z-index:200;
}

#menu-header,
#menu-item-49,
#menu-item-442,
#menu-item-56,
#menu-item-54,
#menu-item-51,
#menu-item-667 {
  z-index:200;
  color: black;}

}

也许这不是一个样式表问题,而是由JS代码引起的。我不精通Javascript,但我合理地解释了这一点,因为主题被广泛使用,核心脚本应该能够正常工作。然而,在整个开发过程中,我改变了大量CSS样式,可能做了一些影响菜单的过度概括的引用。通过更具体的选择路径并将位置更改为固定(或相对):
@媒体屏幕和(最大宽度:620px)解决了这个问题{移动导航>div>ul,{移动导航jquery>div>ul{位置:固定;}移动导航-jquery.target>div>ul{宽度:100%;}
也许这不是样式表问题,而是由JS代码引起的。我不精通Javascript,但我合理地解释了这一点,因为主题被广泛使用,核心脚本应该可以正常工作。然而,在整个开发过程中,我改变了大量CSS样式,可能做了一些过度概括的引用,影响了菜单。问题是这样的通过更具体的选择路径,并将位置更改为固定(或相对):
@媒体屏幕和(最大宽度:620px){mobile-navigation>div>ul,{mobile-navigation jquery>div>ul{position:fixed;}mobile-navigation-jquery.target>div>ul{width:100%;}