[Resolved] Primary, secondary, and off canvas panel menus

[PHILIP]

I’m using primary and secondary menus on desktop. I’m also using off canvas panel menu on mobile.
I made a new menu that combines the links in my primary and secondary menus to use as the off canvas panel menu.

Currently, on mobile, I see two hamburger icons, one for the primary menu and one for the secondary menu.

Can I set it so that I see two menus on desktop, but on mobile I only see a single hamburger, the icon that opens my off canvas panel.

Thanks
Philip.

[Fernando]

Hi Philip,

Yes, you may. Here’s a CSS you may try adding in Appearance > Customize > Additional CSS to achieve as such:

@media (max-width: 768px) {
    nav#secondary-navigation {
        display: none;
    }
}

Hope this helps! Kindly let us know how it goes!

[PHILIP]

Thanks Fernando
That works great.

[Fernando]

You’re welcome Philip!

[Author]

Posts