Site logo

[Resolved] Primary and secondary menu on off canvas panel

Home Forums Support [Resolved] Primary and secondary menu on off canvas panel

Home Forums Support Primary and secondary menu on off canvas panel

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1856562
    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

    #1856664
    David
    Staff
    Customer Support

    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.

    #1856690
    Roger

    Thank you!

    #1856744
    David
    Staff
    Customer Support

    You’re welcome

    #2430963
    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.

    #2430989
    David
    Staff
    Customer Support

    Hi there,

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

    #2431010
    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

    #2431079
    David
    Staff
    Customer Support

    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.

    #2431212
    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.

    #2431427
    David
    Staff
    Customer Support

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.