Customize Sticky Header

Customize Sticky Header

Location: Appearance → Customize → Header & Navigation → Sticky Header

A Sticky Header refers to a design where the Header is fixed in its position while scrolling the site below. It helps the user access the header information without scrolling back to the top of the page.

Enable #

Switch the Toggle to the right area to enable the Sticky Header on your site. Enabling the option will allow the Header to be sticky.

Enable Sticky Header
Enable Sticky Header

Effect #

After enabling the Sticky Header, it will allow you to change the way the sticky Header works. It comes with the following two options: [Available in ColorMag Pro]

Default #

In the Default mode, the Header is sticky while scrolling the site down and up.

Default Sticky Header Style
Default Sticky Header Style

Scroll Up #

In the Scroll Up mode, the Header is sticky while scrolling the site from down to up. While scrolling the site down, the sticky header disappears.

Scroll Up Sticky Header Style
Scroll Up Sticky Header Style
Customize Sticky Header
Scroll to top