Shopping cart

close
Menu
close
Start typing to see products you are looking for.

How to enable sticky header option

Document navigation

How to enable sticky header option

Headers created with our header builder contains three main parts: top bar, main header, and bottom header area. So you can add elements to each of them and you can decide which of these three rows will be used for your sticky header. Just edit some of the rows and enable “Make it sticky” option. After this action, on the frontend, the user will see this row sticky when scrolling the page down.

There is also another option to make your header sticky in the general settings. Open Header settings -> Sticky header -> Sticky effect and choose “Slide after scrolled down”. Then, you can use “Sticky header clone” option. It will not use any of those three rows but instead will create a clone header with a fixed structure. It will include Logo, Main menu, Search, and shopping cart widget.

“Slide after scrolled down” example

“Slide after scrolled down” with header clone enabled example

Scroll To Top