Step 7: add menu behavior

— Determine how the menu behaves when a visitor scrolls on the website.

Menu Sticky
Activate the sticky menu. This is a menu that is locked into place so that it does not disappear when the user scrolls down the page.

 

Menu Sticky Mobile
Activate the sticky menu on mobile devices. This is a menu that is locked into place so that it does not disappear when the user scrolls down the page.

 

Menu Centered Mobile
Activate the centered style for mobile menu. NB. You need to have the Menu Sticky Mobile active. The items in your menu will be centered in an open menu.

 

Menu Hide
Activate the autohide menu. This is a menu that is hiding after the user have scrolled down the page.

 

Menu Hide Mobile
Activate the autohide menu on mobile devices. This is a menu that is hiding after the user have scrolled down the page.

 

Menu Shrink
Activate the shrink menu. This is a menu where the logo shrinks after the user have scrolled down the page.

Menu Sub-Levels AnimatedActivate the animation for menu sub-levels. NB. this option works for horizontal menus only.

 

Menu Open Items Animation
Specify the menu items animation when opening.

 

Minimum Logo Height
Enter the minimal height of the shrinked logo in px.

Tips 'n tricks

Important: after all the adjustments press save changesTip: If the changes are not visible on the website click WP-rocket-> clear cache