Question

请在移动视图中转到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;
    }
}

为什么这个号码最初没有出现？关闭菜单后为什么会消失？

Answer 1

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

CSS在本地工作但不在服务器上工作

1 个答案: