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:
- Open the header Layout by clicking Edit with Elementor on the frontend.
- 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.
You can find a quick video tutorial how to enable sticky header for Qwery theme below: