Bootstrap全宽下拉菜单问题

Question

我正在尝试将Bootstrap下拉菜单打开时全屏显示。 我已经设法通过多种方式实现了这一点，但是当我将鼠标移出菜单关闭它时，我的全宽后面会出现一个较小的菜单。

你能发现它在哪里并将其删除吗？

https://www.suug.co.uk/sustainabilityhub/

全屏代码：

.nav > li.dropdown.open {
    position: static;
}

.nav > li.dropdown.open .dropdown-menu {
    display: table;
    border-radius: 0px;
    width: 100%;
    left: 0;
    right: 0;
}

Answer 1

这看起来很完美，但我不想要达到顶峰：77px

.dropdown-menu {
  position: fixed;
  top: 77px; /*height of main menu*/
  width: 100%
}