[Resolved] Primary and secondary menu on off canvas panel

[Roger]

Hi,

How to show secondary menu on off canvas panel in mobile mode?

Only the main menu is shown in mobile mode.

Primary and secondary menu on off canvas panel

[David]

Hi there,

create a separate Menu that is the combination of your primary and secondary menus, and set its location to the Off Canvas Panel.

[Roger]

Thank you!

[David]

You’re welcome

[Gordon]

Hi David,

I have a similar request, but I need to display both in the off-canvas panel, as I want to display them in different font weights and sizes. I got both menus in my off-canvas panel, but the global typography settings are not being respected and the Secondary menu applies the Primary Menu typography settings. Is there a solution for this?
Best, Gordon.

[David]

Hi there,

can i see the site ? If you want – raise a new topic and use the private information field to share the URL.

[Gordon]

Hi David,

here is a screenshot of the menu, the page is not public yet. I’m placing the menus as widgets, as you can see on the left.
Do you need more info?
https://drive.google.com/file/d/1Q62N-AiGw4UFYM508Yo9IzOMYq6230pL/view?usp=share_link

[David]

OK, so Widgets will have their own styles.
Some styling changes may require some CSS.
For typography you can:

1. Customizer > Typography -> Add Typography
2. in the Target element select: Custom
3. in the CSS class field provided add: .widget_nav_menu a
4. set your styles.

If you want a different style for the second nav then repeat the above and use this CSS class: .widget_nav_menu:nth-of-type(2) a

and it will require some CSS to adjust those.
But i would need to be able to see them to assist with that. If you want to raise a new topic and provide me a temporary login then i am happy to take a look.

[Gordon]

Thank you very much, David! It works very well now.
If I only knew how to find the right selectors when looking at my pages in the Inspector – I think I need to get deeper into CSS.

[David]

You’re welcome – let us know if you need any other styles for it

[Author]

Posts