【问题标题】:Responsive menu won't sticky properly响应式菜单无法正确粘贴
【发布时间】:2017-02-21 23:37:58
【问题描述】:

kwpei.com 是我的第一个客户网站,我无法弄清楚菜单有几个问题。无论我尝试什么,响应式菜单都不会正确粘贴。我什至尝试过使用插件,但这会使它闪烁并闪烁,直到它通过标题图像。除了使其具有粘性之外,它还需要在从中选择当前不执行的项目后关闭。

第二个问题是主导航折叠主页和知识被左侧的小网站标题覆盖。

当您在检查器中查看代码时,我真的不知道在此处包含什么代码,但我知道该网站会让我包含一些...我希望有人可以帮我一些忙。

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

.nav-primary,
.nav-primary.fixed {
    /* set the position to fixed */
    position: fixed;
    /* make the menu stick at the top */
    top: 0;
}

【问题讨论】:

  • 该站点是否有实时 URL?
  • www.kwpei.com,我在问题的第一行提到了这一点。
  • 你可以尝试使用可怕的 !important 标签。

标签: css wordpress


【解决方案1】:

在您的 CSS 文件(第 2082 行)的更下方,您有另一个 .nav-primary.fixed 的位置属性声明,将其设置为静态而不是固定。那就是覆盖您发布的代码。

【讨论】:

  • 当我评论第 2082 行代码时,网站默认为普通网站的移动菜单,有什么想法吗?
  • 我刚刚通过 DOM 检查器将其注释掉,但它并没有为我这样做。任何高于 800 像素的内容都会显示常规菜单。你用的是什么浏览器?
  • 我刚刚将其注释掉并留下了,以便您了解我的意思。
  • 我现在看到了。你忘了注释掉右括号。你有:/*.nav-primary.fixed { position: static; */ } 但应该是:/*.nav-primary.fixed { position: static; } */
  • 太棒了...现在知道如何在项目选择时关闭响应式菜单吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-01
  • 1970-01-01
  • 2016-11-05
  • 2023-03-21
相关资源
最近更新 更多