菜单项在一秒钟后消失答案

【问题标题】：Menu items disappear after a second菜单项在一秒钟后消失
【发布时间】：2015-09-10 18:22:21
【问题描述】：

我在尝试自定义的网站上有一个奇怪的问题。当我激活 Avada 主题时，导航中的菜单项会消失，但我可以将鼠标悬停在它们上方。此外，导航中的社交图标不可见，无论我在主题选项 > 菜单 > 菜单选项中选择什么选项，它们根本不适用。我到目前为止所尝试的：停用/激活所有插件删除演示内容，重新安装主题。还是没有结果。

我删除了即将推出的页面。如果您想看一下，这里是网站http://www.tipografiamarian.ro/ 的链接。如你看到的。在页面加载时，导航可见一秒钟左右，然后其中的元素消失...

以前有没有其他人遇到过这个问题？请帮忙，谢谢！ :)

【问题讨论】：

似乎在您的导航中，在您的 <a> 和其中的 <span> 上具有 height 和 line-height 类似 height: 83px; line-height: 83 的东西，因为 @ 987654327@ 的值是 83 而不是 83px，这会导致菜单项消失。
你用过儿童主题吗？

标签： css wordpress

【解决方案1】：

它显示了导致问题的line-height:83;（而不是 83% 或 83px 等）。如果这是来自外部 javascript，您可以使用以下 sn-p 来覆盖它：

.fusion-main-menu > ul > li > a {
    line-height: 83px !important;
  }

我建议为此检查/编辑您的 javascript。

【讨论】：

【解决方案2】：

当您检查代码时，一些 javascript 会在页面加载后运行对于你的锚标签，添加了line-height:83;，这意味着，line-height 是你 font-size 的 83 倍。

<a href="http://theme-fusion.com/avada/avada-xml/" aria-haspopup="true" style="overflow: hidden; line-height: 83; height: 83px;"><span class="menu-text">Home</span></a>

为行高值添加一个单位 - 83px

.fusion-menu>.menu-item>a {line-height:83px;} // you can !important if you don't want to fix it via javascript/jquery

【讨论】：

这只是内联样式，我认为那里没有 Javascript。
您的 Javascript 解决方案在哪里？
@MadalinaTaina - 我不知道，是来自 javascript 还是 jquery，如果他这样做的话，他可以添加简单的 px 单位
@MadalinaTaina 我不认为，该代码是内联添加的，如果它是内联的，它应该在加载自身时将链接移动到底部，而不是延迟后！

【解决方案3】：

您有line-height:83px 的链接。只需设置一个较小的值（你只有一行，所以它可以是你想要的）。

.fusion-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
.fusion-main-menu > ul > li > a {
   height: 33px;
   line-height: 33px;
   margin: 20px 0;
}

我建议你不要从管理员那里为菜单添加样式。

【讨论】：

它不会帮助 OP，因为 stylesheet line-height:83px 正在被它的 inline CSS 覆盖。
@vivekkupadhyay 我不认为这是他的问题。我相信他可以添加重要的标签。
请不要使用或建议添加!important
@vivekkupadhyay 哦，我不使用也不建议。我想下面是你的答案。
我想说的是我相信他现在可以找到一个解决方案来为链接添加css。

【解决方案4】：

添加这个就可以了

jQuery('.fusion-main-menu > ul > li > a').css('line-height','83px');

【讨论】：