Move Off Canvas Hamburger Menu into Top Bar

[Joe]

Can I move the off canvas three-line hamburger menu bar into the top bar instead of the header or main nav bar?

[Tom]

Hi Joe,

It should be possible.

1. Create a new menu and add a “Custom Link” to it.
2. Give the menu item this class: slideout-toggle
3. Add this menu to the Top Bar widget area in a Navigation Menu widget

Then add this CSS:

.main-navigation .slideout-toggle {
    display: none !important;
}

Let me know if that helps or not 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts