Sticky Navigation

Note: This option requires the Menu Plus add-on in GP Premium.

Our Menu plus add-on adds some really cool sticky navigation options inside Appearance > Customize > Layout > Primary Navigation.

You can choose to activate your sticky navigation on mobile, desktop, both or disable it completely.

The Sticky Navigation Transition option has 3 choices:

  • Fade – your sticky navigation will fade in once you start scrolling.
  • Slide – your sticky navigation will slide down once you start scrolling.
  • None – there is no transition, as you start scrolling your navigation will simply stick to the top of your screen.

Uploading a navigation logo will place it inside your navigation to the left of your menu items.

The Navigation Logo Position option has 3 choices:

  • Sticky – your navigation logo will only appear in the sticky navigation
  • Static – your navigation logo will only appear in your static navigation – meaning it’s not sticky.
  • Sticky + Static – your navigation logo will appear in both your sticky and static navigation.

In some cases, you may want to use your navigation with your navigation logo (set to sticky + static) as your header, and completely remove your header.

There’s only a few steps to achieve this:

  1. Set your navigation location to Below Header or Above Header in Customize > Layout > Primary Navigation.
  2. Remove your site title/tagline/logo from the header in Customize > Site Identity.
  3. Set your Navigation Logo Position to Sticky + Static.
  4. Set your Sticky Navigation Transition to None.
  5. Then, full remove your header using the CSS below:
.site-header {
    display: none;
}