【问题标题】:CSS works locally but not on serverCSS在本地工作,但不在服务器上
【发布时间】:2018-09-10 10:21:22
【问题描述】:

请在移动视图中转到containmydog.com,然后单击菜单 - 您会看到一个电话号码出现 - 当您关闭菜单时,该号码会消失。电话号码不应该消失,它不会在我的本地版本网站上这样做。电话号码位置固定,无论菜单打开还是关闭都应该可见。

这是我拥有的 css(您可以在浏览器中自己查看):

@media only screen and (max-width: 767px) {
    .cmd-nav .phone-no a {
        font-size: 20px;
        background: none;
    }

    .cmd-nav .phone-no {
    text-align: center;
    margin: 10px 0px;
    position: fixed;
    top: -5px;
    left: 96px;
    border: none;
    background: url(//localhost:8888/wp-content/themes/containmydog/css/../images/phone-icon.png) no-repeat left 8px top 8px;
    }
}

为什么最初没有出现数字?为什么关闭菜单后就消失了?

【问题讨论】:

    标签: css wordpress position media-queries


    【解决方案1】:

    包含电话号码的元素嵌套在#nav-collapse-primary div 中,该div 具有collapse 类。当框被折叠时,该 div 内的所有内容都被隐藏。尝试将电话号码放入 #navbar-header 或其他不会隐藏的 div 中。

    【讨论】:

      猜你喜欢
      • 2021-04-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-02-22
      • 2021-10-01
      相关资源
      最近更新 更多