Listen Audio Version

Do you want to make sticky header with the free elementor?

Free version of the Elementor plugin restricts us to make a page with sticky header. There are many free templates and themes, exclusively for Elementor that provides inbuilt sticky header feature. You can either go for them.

There are many plugins which can do the job, but extra plugins can make your site load slower too. Some themes do provide sticky header and even using some CSS you can make sticky header

If you have decided to make your own template or use template without sticky header feature, here’s how you can make sticky header with the free Elementor.

Table of Contents show

1. Make Sticky Header with Free Elementor Using Plugin

There are plugins for everything in WordPress 😀 There is a popular plugin mystickmenu to make your website header stick with the free Elementor.

The plugin is free and easy to use.

Download it from WordPress plugin directory

2. Make Sticky Header with Free Elementor Using Theme Customizer

If you’re little friendly with coding, you can use the below code. Find the header id or class and add this CSS to theme customizer.

#id{
position:sticky!important;
top:0
}

Note– If it’s a class, use .classname

3. Make Sticky Header Using Elementor Pro

Sticky header features is included in Elementor pro, just upgrade it. With Elementor pro, you can build seamless pages without caring for extra plugins and coding.

Hope this helped you make a sticky header with free version of Elementor.