css - Bootstrap full width dropdown menu issue -


i trying me bootstrap dropdown menu fullscreen when open. have managed several ways, when move mouse out of menu close it, smaller menu appears behind full-width.

can spot , remove it?

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

fullscreen code:

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

this looks work perfect, dont want have top:77px

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

Comments

Popular posts from this blog

'hasOwnProperty' in javascript -

python - ValueError: No axis named 1 for object type <class 'pandas.core.series.Series'> -

java - How to provide dependency injections in Eclipse RCP 3.x? -