下拉导航菜单滑动打开的问题

Question

我刚刚使用新的导航菜单更新了我的网站，当我打开带有汉堡包图标的菜单然后翻转我的下拉菜单选项时，整个菜单在下拉打开时向下滑动，然后在正确的位置重新定位。有什么想法或建议吗？

链接：this

Answer 1

您的li元素设置了display: inline-block。

要解决此问题，请将此vertical-align: top;添加到该li元素。

现在看起来像这样：

.genesis-nav-menu .menu-item {
  background-color: transparent;
  /* display: block; */
  position: relative;
  text-align: left;
  vertical-align: top;
}