点击后子菜单会跳起来吗?

时间:2017-12-15 18:45:56

标签: css wordpress menu

我们有一个奇怪编码的子菜单,它是自定义的,因此它可以在特定的列设置中,但是当您单击该子菜单下的链接时,子菜单会在下一页加载时跳起来。它看起来很糟糕:P

例如,当你去这里时:goo.gl/4mW5sW

将鼠标悬停在菜单项“所有光盘”上,您可以看到包含2个自定义列的下拉列表。

如果您点击其中一个链接,您会看到下拉菜单,而不是在页面加载您点击的链接时跳起来。

我一直在通过css进行梳理,试图找出为什么它会以活跃的点击跳跃并且没有运气。也许另一副眼睛会有所帮助?

我甚至尝试过这种可怜的尝试

a:active .sub-menu {display:none;} 但它没有帮助

谢谢!

1 个答案:

答案 0 :(得分:1)

问题在于ul class="sub-menu'的margin-top和hover状态。找到一种方法只选择第一列并添加下一个css:     margin-top: -1px!important;

然后只选择第二列并添加下一个css:     margin-top: -1px!important;

你给这两个colums a -71px作为top-margin,并且当切换悬停时你会弄乱第一列的边距,给它一个-71px的上边距。 如果您提供代码,我可以帮助您进一步