[Resolved] Double Menu Bars Below Certain Width

[Anthony]

Can’t figure out why this is showing two menu bar icons when the menu initially switches to the mobile version. If you keep dragging the browser width smaller it then turns to one menu bar.

https://snipboard.io/RUbP5H.jpg

https://www.cukebook.org/ingredients/fruits/apples/

[Leo]

Hi there,

That’s a known issue currently. We will be fixing it in the next update.

We can use CSS to hide it for now but looks like you’ve already done that?

Let me know 🙂

[Anthony]

I have not. Does it not show for you? lol I will hide it if it continues to bug me haha.

I’ll await the update!

Thanks Leo!

[Leo]

Ahh I see it now – forgot to resize the screen.

Try this CSS:

@media (min-width: 769px) and (max-width: 1100px)
    #mobile-header .menu-toggle {
        display: none !important;
    }
}

[Author]

Posts