This page has an accompanying set of videos. Watch them here.
In GeneratePress you can place the navigation menus in several different places.
- Above the site header.
- Below the site header.
- Inside the site header area, floating right.
- You can even place the menu inside the sidebar.
The navigation menu positioned above the header section
GeneratePress navigation menu above the website header sectionThe navigation menu positioned below the header section
The GeneratePress navbar below the header section.The Navigation Menu floating right inside the website header section
Navigation menu positioned inside the website header sectionChoose the layout position for your primary menu via the customizer
Setting the navigation menu to float right inside the website header sectionYou can set the navigation bars and the rest of the layout to be full width or contained. This layout has a contained or boxed layout
A contained layout in GeneratePressIn the Customizer go to Layout > Primary Navigation and in the navigation width drop down choose Contained
Choose a contained layout in the customizerYou can place a search icon in the navigation bar
The search icon in the navigation bar of GeneratePressIn the Customizer go to Layout > Primary Navigation and in the Navigation Search drop down choose Enable
Enable the search icon in GeneratePress Primary NavigationSticky Navigation has it’s own tab. To make the Primary Navigation bar sticky go to Customize > Layout > Sticky Navigation
Enable sticky navigation in GeneratePressIf you tick this box, the navbar disappears on scroll down but reappears as soon as you start to scroll back to the top of the page
Hide sticky navbar when scrolling downMobile Navigation Menu
By default, GeneratePress has a mobile navigation that kicks in at 768px, everything works without you having to do anything.