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% 
}