[Resolved] How to merge two menus into mobile offcanvas

[Jean-Pol]

Hello, on the site https://torgny.be/decouvrir/ I have a main menu and a secondary menu on the top.

I would like to have on mobile only one offcanvas menu, with one below the other the main menu then the secondary menu (with then a button that opens the contact form).

I do not see how to proceed …
Thanks !

[David]

Hi there,

so activate the off canvas panel and set it to Mobile only. Create the Menu you need for mobile and assign it to the Offcanvas panel. This will then replace your Primary Navigation in mobile.

To remove the Secondary nav on mobile add this CSS:

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

[Jean-Pol]

Perfect David,
So simple … I often look for complications 🙂

[David]

Simple when you know how 🙂 Glad to be of help

[Author]

Posts