WINTER SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →

Categories

Documentation

Theme Documentation



Plugin Documentation



Resources

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.

Theme Name
Top Menu
Main Menu

Academica Pro 2.0
n/a
#nav-main-menu

Academica Pro 3.0
#top-menu
.main-navbar

Alpha
#menutop
#menu

Angle
n/a
#header

Capital
.top-navbar
.main-navbar

Chronicle
#menutop
#menu

Compass
n/a
.navbar

Diamond
#header
n/a

Discovery
n/a
#main-menu

Domino Magazine
.top-navbar
.main-navbar

Eclipse
n/a
.main-navbar

Energy
header
n/a

Erudito
n/a
#main-menu

Expedition
n/a
#nav-main-menu

Foodica
.top-navbar
.main-navbar

Gazeti
n/a
#menu

Insight
.site-header
n/a

Inspiro
.navbar
n/a

Magazinum
.top-navbar
.main-navbar

Medicus
n/a
.header-site

Modena
n/a
#nav-main-menu

Monte
already sticky
.main-navbar

OriginMag
.top-navbar
.main-navbar

Petit
n/a
#menu

PhotoNote
n/a
.main-navbar

Presence
.top-navbar
.main-navbar

Prologue
n/a
#menu

Seasons
n/a
#header

Tempo
n/a
.navbar

Tribune
.top-navbar
.main-navbar

Venture
n/a
#header

VideoBox
.site-header
n/a

Videozoom
.top-navbar
.main-navbar

Vimes
n/a
#header

Yamidoo Magazine
n/a
#mainmenu

Similar Plugins:

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

Last updated on March 17, 2021

Related Docs