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

Javascript 下拉导航菜单打开后滑动的问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我刚刚用一个新的导航菜单更新了我的网站,当我打开带有汉堡图标的菜单,然后滚动我的任何下拉菜单选项时,整个菜单在下拉菜单打开时向下滑动,然后重新定位到正确的位置。有什么想法或建议吗 链接:您的li元素有一个显示:内联块集合 要解决此问题,请添加此垂直对齐:顶部到该li元素 现在它将如下所示: .genesis-nav-menu .menu-item { background-color: transparent; /* display: block; */ position: rela

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


链接:

您的
li
元素有一个
显示:内联块
集合

要解决此问题,请添加此
垂直对齐:顶部到该
li
元素

现在它将如下所示:

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