How to Hide Header Menu in Scroll Down and Show on Scroll Up | Elementor Sticky Headers [Video Tutorial]

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

Video Overview

We will see how to Hide Elementor Header Menu when you scroll down and show again when scroll up. This will automatically hide the complete Header when scrolling down, and make the header visible again when we scroll upwards.

Our Elementor Sticky Header comes with 8 more styles, you can change colour logo or font size as well, when the Header is sticky

▶ 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