最简单的方法是对分配给主菜单栏的类的更改做出反应-当它停靠在顶部时-添加了类.site-navigation-fixed
. 让它充分发挥作用并不是那么简单快捷的过程,尤其是当你在Chrome开发者工具中进行编辑时:)你也必须注意RWD版本。
首先,我为您做了一些更改:
@media screen and (min-width: 48em) {
.navigation-top.site-navigation-fixed ul li:hover > ul,
.navigation-top.site-navigation-fixed ul li.focus > ul {
top: 100px;
}
}
@media screen and (min-width: 48em) {
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: -6.5em;
right: auto;
top: -100px;
}
}