需要帮助编辑 Wordpress CSS 代码 - 我的子菜单在悬停时消失

【问题标题】：Need help editing Wordpress CSS code - my sub menu disappears on hover需要帮助编辑 Wordpress CSS 代码 - 我的子菜单在悬停时消失
【发布时间】：2016-06-11 18:33:38
【问题描述】：

希望您能提供帮助 - 我非常新，并且对代码/编辑 css 不了解，因此希望有人可以为我拼写出来。我有一个问题，我无法让我的子菜单可见。当我将鼠标悬停在父项“目的地”上时，它会出现，然后当我向下移动以选择其中一个子菜单项时，它就会消失。

有人可以帮我查一下吗？

www.thespindrifters.com - 它位于“目的地”选项卡下

提前致谢

【问题讨论】：

我找不到那个子菜单，检查了你的源代码，但<li>中没有<ul>？
我在玩它，现在子菜单显示，但不断显示，而不是当您将鼠标悬停在它上面时。如果您现在可以检查 id 非常非常感谢！谢谢
您究竟想对菜单“目的地”及其子菜单“马来西亚”做什么

标签： css wordpress

【解决方案1】：

在您的代码中添加/编辑此 CSS：

从.site-bar中删除填充，当前为13px 0，将其设置为0；

将填充添加到.site-tools 为padding: 13px 0; - 将修复导航栏中的社交图标

添加这个：

.navigation > li > a { padding: 13px 0 }
.navigation > li > ul { display: none; }
.navigation > li:hover > ul { display: block; }

从 .site-bar 删除填充并将其添加到子元素的原因是防止从父链接移动到子菜单时菜单消失

【讨论】：

您可以使用子菜单的top 属性，从主菜单中删除padding-top 等等。如果您对我的回答感到满意，请接受它;)