In addition to a choice of header layouts, Hairsalon theme also has a sticky menu option. For improved usability, as the user scrolls down a page, the sticky menu activates ensuring the website’s main menu is always accessible. To manage the sticky menu, Hairsalon includes several options for styling, as well as visibility options to enable or disable it on various screen sizes.

Sticky Menu Options:

1. Show Sticky Menu: The theme comes with the Sticky Menu enabled by default. If you would like to disable it just go to Dashboard >> Customize >> Header and expand the Sticky Menu section. Turn off the button in the Sticky On Scroll section.

2. Select Style: There are 2 options to select style when sticky menu. If select “The same with main menu”, users do not need to configure color for main menu when sticky. If select “Custom”, users need to configure Background Color, Text Color, Text Hover Color for main menu when sticky.

sticky-menu

Sticky Logo Option:

You can decide if you need a logo to be loaded on the sticky menu and how should it behave in different environments.

1. Sticky Logo: Go to Dashboard >> Customize >> General >> expand the Logo section and select a sticky logo then your sticky menu will be loaded the header logo. Click on button “Remove” then click “Change File” button if users want to replace sticky logo.

2. Retina Logo: This option allows you to add to your sticky menu a mobile logo.

sticky-logo

After you finished customizing this section click the Save & Publish button.