How to Create a Sticky Menu in WPZOOM Themes

Some of our themes like Balance or Delicio have sticky header menu by default, so there is no need install any plugins to enable this feature.

However, other themes will requires some extra steps if you want to have a sticky menu at the top when users scroll on your website.

Create a Sticky Menu using myStickymenu plugin

myStickymenu is a free plugin that can be quickly installed from the Plugins > Add New page in your site’s Dashboard:

Installing myStickymenu plugin

The plugin is easy to set up and works great with our themes. In some of the themes you’ll need to go the myStickymenu settings page and set the Sticky Class to match with the class of the menu you want to make sticky in your theme, while in other themes such as Inspiro there is no need to do anything because the default .navbar class matches with theme’s header menu:

myStickymenu Settings

For example, in Foodica theme there are 2 menus and each of them has a different CSS class:
.top-navbar for Top Menu
.main-navbar for Main Menu.

This means that we have to go to the myStickymenu plugin Settings page and set one of these classes in the Sticky Class field.

Additionally, you can change the background color of the menu to white:

CSS Classes for menus in all WPZOOM Themes

If your theme is not included in this list, you can find here a video tutorial that will help you to find the CSS class.

Similar Plugins:

Hero Menu ($19)
Sticky Menu (or Anything!) on Scroll

Related Docs

• How to Change Background
• How to Disable the Responsive Part of Your WPZOOM Theme
• How to Upload Your Logo in WPZOOM Themes