Go to the Advanced tab and just add a CSS class “full_height”. And if you found this tutorial useful, then please share it with your friends.eval(ez_write_tag([[336,280],'abhijitrawool_com-leader-1','ezslot_7',150,'0','0'])); Your email address will not be published. On the Layout block under the Layout tab, set the Minimum Height to 90 and the HTML Tag to header. We only recommend items/tools that we've personally used and like. We don't spam or sell your email address. Then, give that section a CSS ID of ' menuhopin ' and a Z-Index of 999. Then, give that section a CSS ID of ' menuhopin ' and a Z-Index of 999. eval(ez_write_tag([[250,250],'abhijitrawool_com-medrectangle-3','ezslot_0',122,'0','0']));The Section settings panel will display on the left-hand side. Elementor Header Using create out of the box header and footer designs. For the example I’m just going to use one of Elementor’s pre-built nav templates. line-height: 6px; Now, the logo will have disappeared Go back at the top of the page and adjust the elementor sticky header to look exactly the way you want when it is not scrolled down. Great Tutorial and great question Kat, I am moving a site from another builder to elementor/oceanwp for a client and they have a very similar fixed vertical header that displays the same on all devices. Home › Forums › Support › Offset Sticky Header for anchor links for Elementor. Select the Section by clicking the Edit Section icon on the Section. How To Add Vertical Divider In Elementor? Grabbing it from this affiliate link supports our agency at no extra cost to you. Another advanced effect that we like applying to our sticky Elementor headers is changing the sizing of the logo image, or even the entire logo image altogether. Click to Copy