Hide Off-Canvas Menu When Viewport Is Not Mobile

[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

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[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

[Leo]

Would use the Navigation Menu widget option work for you?

Then you can add title.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Michael Largue]

Hi Leo

I’ll give it a shot.

Michael

[Leo]

Sounds good. Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts