Two menus showing

Hi

I have a problem that when the hamburger menu is shown and then the window is enlarged it leaves hamburger menu still visible (without any formatting), it also shows the main menu. On the attached screenshot, you may have to look closely to see the menu due to color.

How do I hide the unformatted menu?

Thank you

Hello,

I suspect that you are trying to manually resize the menu back to desktop sizes after you have opened it on mobiles? This kind of behaviour will never be encountered by actual users, but you might want to try this CSS rule to force it hide on bigger displays:

@media only screen and (min-width: 993px){
.responsive-menu.active {
    display: none !important;
}}

Kind regards

Hello Ion

Thank you, thats great.

Although I probably do not not agree with “This kind of behaviour will never be encountered by actual users”, as I have a user who encountered this :wink:

Thanks again for providing the fix.

I’m happy that you got it fixed so far!

You are more than right, there shouldn’t be any condition to have a perfectly working website.

Kind regards