Archived topic

Hide Hamburger on Secondary Menu Without Effecting Other Menu Hamburgers

6 replies · Started by Michael on January 28, 2021

Viewing posts 1–7 of 7

January 28, 2021 at 12:48 pm #1637468

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!

January 28, 2021 at 1:34 pm #1637516

Hi there,

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

You can use the private information field.

Let me know :)

January 28, 2021 at 1:53 pm #1637544

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

January 28, 2021 at 1:54 pm #1637549

Sorry...wrong link. I've included the correct one below.

January 28, 2021 at 7:16 pm #1637663

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;
}

January 29, 2021 at 6:18 am #1638092

Thanks much Elvin! Works great.

January 31, 2021 at 11:32 pm #1641150

Glad it works for you. No problem. :D

This archived topic is closed to new replies.

Start building better websites today.