Days
:
Hours
:
Minutes
:
Seconds

Black Friday Sale - Limited Time Offer!

View Now
Skip to content Skip to sidebar Skip to footer

How to Enable/Disable Sticky Header with Elementor

Sticky header

This guide will show you how to enable/disable a sticky header with Elementor. This type of header  stays at the top of your page while scrolling. You can enable or disable the sticky header behavior by following these steps:

  1. Open the header Layout  by clicking Edit with Elementor on the frontend.
  2. Locate the section that contains the menu element (or any other section that should have the sticky behavior) and click on the Edit section button:

       3. You need to switch to “Custom Layout” and select Fix/Don’t fix for “Fix this row when scroll” option (depending on what you need). Fixed section will be visible when scrolling the page.

       4. Save the changes by clicking “Update” button at the bottom of the page. 

Notice: Please make sure that option Hide fixed rows is disabled in the Theme Panel -> Themerex Addons -> General. 

         You are done! This is everything you need to make the header section sticky with Elementor builder on your WordPress website. For more details on how to edit Layouts with Elementor, please check the guide. In case you come across any difficulties, feel free to get in touch with the Support Team submitting a support ticket at the following link.

For the Updates

Exploring ideas at the intersection of design, code, and technology. Subscribe to our newsletter and always be aware of all the latest updates.

Leave a comment

Download a Free Theme