ブートストラップ全幅ドロップダウンメニューの問題

Question

ブートストラップのドロップダウンメニューを開いたときに全画面表示にしようとしています。 私はいくつかの方法でそれを行うことができましたが、メニューを閉じるためにマウスを動かすと、全幅の後ろに小さいメニューが表示されます。

あなたはどこにいるのでしょうか？

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