Question

对于我的工作场所，我不得不通过wordpress / avada创建一个新网站，到目前为止，一切都很顺利，除了以下内容：

菜单中的按钮当前是这样的：https://gyazo.com/00850a7c32e4eb3d22c4d7dd7158ad38

但它需要像this page

一样向下移动

我找到了菜单项/按钮：

<li role="menuitem" id="menu-item-2660" class="b2b-login-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-2660" data-classes="b2b-login-menu">
    <a href="http://shop.bemontex.com/webstore" class="fusion-flex-link"><span class="fusion-megamenu-icon"><i class="fa glyphicon fa-user-circle"></i></span><span class="menu-text">B2B Login</span></a>
</li>

并赋予它以下属性：

#menu-item-2660 {
    margin-top: 18px !important;
}

上面的css代码适用于除主页之外的每一页。

任何人都知道为什么会这样吗？我多次清空浏览器缓存并在不同的浏览器和设备上测试它，但仍然没有运气......

任何帮助表示赞赏！：）

Answer 1

这是一个缓存问题：

http://outdoortycoon.com/?bust=dacache

找到您的缓存设置并清除它（或等待），问题就会消失。

澄清：不 浏览器缓存 - 它是您的服务器缓存。这可能是像WP-supercache，w3或类似的wordpress插件，或者它甚至可能是云缓存或类似的缓存服务。我不可能知道你在使用什么，但是你需要识别服务器端缓存并清除它...

Answer 2

我尝试避免在这种情况下使用边距，并选择在position: relative上添加top: 2rem或其他东西。但话虽如此，我认为这个主题可能很奇怪，并不是所有的CSS都加载在每一页上。确保正在加载该CSS文件。

CSS代码无法在单个页面上运行

2 个答案: