Navigation Menus in GeneratePress

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 section
GeneratePress navigation menu above the website header section

The navigation menu positioned below the header section

The GeneratePress navbar 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 section
Navigation menu positioned inside the website header section

Choose the layout position for your primary menu via the customizer

Setting the navigation menu to float right inside the website header section
Setting the navigation menu to float right inside the website header section

You 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 GeneratePress
A contained layout in GeneratePress

In the Customizer go to Layout > Primary Navigation and in the navigation width drop down choose Contained

Choose a contained layout in the customizer
Choose a contained layout in the customizer

You can place a search icon in the navigation bar

The search icon in the navigation bar of GeneratePress
The search icon in the navigation bar of GeneratePress

In the Customizer go to Layout > Primary Navigation and in the Navigation Search drop down choose Enable

Enable the search icon in GeneratePress Primary Navigation
Enable the search icon in GeneratePress Primary Navigation

Sticky Navigation has it’s own tab. To make the Primary Navigation bar sticky go to Customize > Layout > Sticky Navigation

Enable sticky navigation in GeneratePress
Enable sticky navigation in GeneratePress

If 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 down
Hide sticky navbar when scrolling down

Mobile Navigation Menu

By default, GeneratePress has a mobile navigation that kicks in at 768px, everything works without you having to do anything.

Want to find out more about GeneratePress?

GeneratePress is...

Secure & Stable

Google Friendly

Fast Loading

Use on Unlimited Websites

30 Day Money Back Guarantee