{"id":1161,"date":"2019-10-16T13:19:22","date_gmt":"2019-10-16T05:19:22","guid":{"rendered":"https:\/\/www.intelliwolf.com\/?p=1161"},"modified":"2019-11-19T10:49:01","modified_gmt":"2019-11-19T02:49:01","slug":"make-sticky-header-elementor","status":"publish","type":"post","link":"https:\/\/wordpress-757293-2559390.cloudwaysapps.com\/make-sticky-header-elementor\/","title":{"rendered":"How to Make a Sticky Header in Elementor"},"content":{"rendered":"\n
A lot of websites use sticky headers. This is where the header appears to \"stick\" to the top of the browser window as the user scrolls down the page.<\/p>\n\n\n\n
If you have Elementor Pro<\/a>, you can create a sticky header across the whole site, replacing the current theme header. This has been a feature since Elementor Pro 2.0 launched in April 2018.<\/p>\n\n\n\n I'll also show how to get the sticky header effect on a single page<\/a>, which is particularly useful if you are using the free version of Elementor.<\/p>\n\n\n\n If you haven't already, make sure you have Elementor installed and active<\/a>.<\/p>\n\n\n\n Let's go through it step-by-step.<\/p>\n\n\n\n With Elementor Pro activated, go to Templates -> Theme Builder<\/em>. Click \"Add New\".<\/p>\n\n\n\nHow to make a sticky header in Elementor Pro<\/h2>\n\n\n\n
Add a new Header Template<\/h3>\n\n\n\n