Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

[Resolved] Hide Off-Canvas Menu When Viewport Is Not Mobile

Home Forums Support Hide Off-Canvas Menu When Viewport Is Not Mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #903941
    Michael Largue

    Hi Tom

    From what I can see, the off-canvas sidebar is used for displaying the mobile view of the main menu together with any other elements that one chooses to put in there. How can I hide the display of the menu while leaving the other elements on the desktop (i.e. for any non-mobile view or when the viewport is greater than 1000px wide)?

    Also, How can I attach a menu title (e.g. Navigation) to the off-canvas menu when it is displayed off-canvas?

    Kind Regards
    Michael

    #903954
    Leo
    Staff
    Customer Support

    Hi there,

    To hide certain elements on certain devices, you can use the built-in hide-on classes:
    https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

    How can I attach a menu title (e.g. Navigation) to the off-canvas menu when it is displayed off-canvas?

    Not exactly sure what you mean. Can you link me to the site in question?

    Let me know 🙂

    #903961
    Michael Largue

    Hi Leo

    The menu, as it displays in the off-canvas, does not have a heading, merely the menu items. Because I am sharing both menu and widgets in the off-canvas, I want the menu to have a heading as well.

    Regards
    Michael

    #904011
    Leo
    Staff
    Customer Support

    Would use the Navigation Menu widget option work for you?

    Then you can add title.

    Let me know 🙂

    #904014
    Michael Largue

    Hi Leo

    I’ll give it a shot.

    Michael

    #904021
    Leo
    Staff
    Customer Support

    Sounds good. Let me know 🙂

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