【问题标题】:Menu disappears below certain screen width [closed]菜单在特定屏幕宽度以下消失[关闭]
【发布时间】:2013-08-14 10:54:36
【问题描述】:

我的菜单在我的开发网站上正确显示在 600 像素以下时遇到问题。网站的顶部(视频区域)响应 >1024 像素。一切都应保持低于该宽度的静态宽度。我的菜单很好,直到它低于 600 像素,然后它就完全消失了。这只发生在首页(内页有不同的页眉)。

感谢您的帮助!

编辑:抱歉没有链接到网站 - http://dev.longviewsources.com/

【问题讨论】:

  • 请将网站上的相关代码添加到您的问题中。没有人愿意挖掘您的源代码来找到您的菜单 HTML 和 CSS。

标签: html wordpress css menu


【解决方案1】:

Thgat 是因为在第 510 行的 style.css 文件中有

@media screen and (max-width: 600px){
  .main-navigation ul {
    display: none;
  }
}

您可以很容易地发现 Firefox 检查器发生了什么,这是一个很棒的工具。

【讨论】:

  • 谢谢,我实际上使用了 Chrome 的元素检查器,但我只是错过了这个。这是我构建的准系统主题附带的一些 CSS。
【解决方案2】:

在你的 style.css 中

寻找

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

在里面你会发现

.main-navigation ul {
        display: none;
}

删除显示:无;所以会是

.main-navigation ul {

}

然后菜单不会消失。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-18
    • 2017-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多