How to Create Elementor Sticky Header Effect on Scroll in WordPress – NO CSS CODE [Video Tutorial]

Updated on June 24, 2024 by Editorial Team
Table Of Content
Video Duration: 01 : 02

Video Overview

Learn how to create Sticky Header Effect in Elementor easily without any CSS Code. Using this addon you can create smooth On Scroll Sticky Elementor Header.

You can make the Header Transparent or fill solid colour based on your need. Easiest way for any Elementor user to make website Header fixed on top while you scroll.

▶ Widgets Used –
https://theplusaddons.com/widgets/elementor-header-navigation-builder/

You can Create 8 More Header Effects for Elementor
▶️ Watch Full Video –
https://youtu.be/FfXpQOhWnfM

Header Style you can achieve using this addon
✅ Sticky Elementor Header Effect
✅ Sticky Menu with on scroll Colour Change Effect
✅ Transparent Sticky Header Effect
✅ Sticky Glass Effect/Blurry Header Effects
✅ Hide Header on Scroll Down Effect
✅ Change Header Height on Scroll/Shrinking Header Effect
✅ Change Header Menu Logo on Scroll
✅ Change Header Logo On Hover

▶ Get 120+ Powerful Widgets for Elementor –
https://theplusaddons.com/pricing/
▶ Nexter Theme Builder –
https://nexterwp.com/
USE CODE ‘ YOUTUBE10 ‘ TO ENJOY EXTRA 10% DISCOUNT

OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website

    Related Docs

    X