---
title: "How to Hide Header Menu in Scroll Down and Show on Scroll Up | Elementor Sticky Headers [Video Tutorial]"
url: https://theplusaddons.com/docs/hide-header-menu-scroll-show-scroll-up-elementor-sticky-headers/
date: 2023-07-05
modified: 2026-04-11
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=w85PCKvM1uo 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..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-42-1024x576.jpg
word_count: 168
---

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

## Key Takeaways

- Hides Elementor Header Menu on scroll down and reveals it on scroll up using the Sticky Header feature.
- Offers 8 additional styles for the Elementor Sticky Header, including Transparent Sticky Header Effect and Shrinking Header Effect.
- Utilizes The Plus Addons for Elementor to enhance header functionality with over 120 powerful widgets.

https://www.youtube.com/watch?v=w85PCKvM1uo

##### 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/elementor-builder/header-builder/](https://theplusaddons.com/elementor-builder/header-builder/)

You can Create 8 More Header Effects for Elementor
▶️ Watch Full Video - [https://youtu.be/FfXpQOhWnfM](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/](https://theplusaddons.com/pricing/)
▶ Nexter Theme Builder - [https://nexterwp.com/](https://nexterwp.com/)
USE CODE ' YOUTUBE10 ' TO ENJOY EXTRA 10% DISCOUNT

[Get The Plus Addons for Elementor](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)