Hi JB,

Can you please point me in the right direction if this has been covered in another post.

I'm having trouble with my compressed drop dowm menu, where the sub-menu items are displaying although I'd expect them to be non-visable.

Website: sbdemo.energyshock.com.au/
Condition: as the screen gets smaller the compressed drop down menu appears but you can see the sub-menu items?

I've made changes to the custom.css (as attached) but I'm not sure what needs the changed/removed for the sub-menus to only appear once the parent menu item has been hovered over.

Please let me know if further details are required.

Thanks,
Beni

Hi Beni,

You are missing a close bracket for one media query - looks like here

#grid2wrap h3 {text-align: center;}
} /* missing bracket */

and here also

@media screen and (min-width: 1019px) { /* Missing bracket */

What is causing the problem code was is not so easy

Think its this height value

navbar-default .navbar-nav>li {
height: 35px;
}