[Resolved] Hide Hamburger on Secondary Menu Without Effecting Other Menu Hamburgers

[Michael]

This is likely super simple but I can’t seem to find it. I use all three menus on a 700+ site multisite instance. In the mobile view I’ve given Mobile Menu Label the name of “QUICK LINKS”. But I would like to hide the hamburger SVG that is used alongside it without hiding the other hamburger that I’m using for the off canvas menu. I’ve included a link in the private info box so you can see what I mean. I’ve circle the hamburger that I would like to display none.

Thanks much!

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Michael]

Hmmm…I’m using Local by Flywheel. I’ll try enabling live link which is in the private window.

[Michael]

Sorry…wrong link. I’ve included the correct one below.

[Elvin]

Hi there,

I’ve tried accessing the site. Perhaps the live link expired.

Anyways, you can try adding this CSS:

nav#secondary-navigation .menu-toggle.secondary-menu-toggle span.gp-icon.icon-menu-bars {
    display: none;
}

[Michael]

Thanks much Elvin! Works great.

[Elvin]

Glad it works for you. No problem. 😀

[Author]

Posts