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 Effect 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. To do this, you can remove your logo/hide your title and tagline in Customize > Site Identity and then hide your header completely with some CSS:

.site-header {
    display: none;
}