Archived topic

Primary, secondary, and off canvas panel menus

3 replies · Started by PHILIP on June 15, 2022

Viewing posts 1–4 of 4

June 15, 2022 at 1:36 am #2253889

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.

June 15, 2022 at 1:55 am #2253908

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!

June 15, 2022 at 3:38 am #2253965

Thanks Fernando
That works great.

June 15, 2022 at 4:56 pm #2254751

You’re welcome Philip!

This archived topic is closed to new replies.

Start building better websites today.