---
title: "How to setup transparent sticky header with Color change & logo Shrink effect Using Elementor? [Video Tutorial]"
url: https://theplusaddons.com/docs/setup-transparent-sticky-header-color-change-logo-shrink-effect/
date: 2023-07-05
modified: 2026-04-11
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=rkecExbArYA Video Duration: 13 : 22 Video Overview Sticky Navigation Menu for Elementor, Option to convert your normal menu to be sticky menu with all required options. You can change..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-98-1024x576.jpg
word_count: 216
---

# How to setup transparent sticky header with Color change & logo Shrink effect Using Elementor? [Video Tutorial]

## Key Takeaways

- Sticky Navigation Menu for Elementor allows users to convert a normal menu into a sticky menu with customizable background color and height options.
- The Plus Addons for Elementor includes a Reverse Sticky Menu feature that changes the sticky effect from bottom to top scroll.
- Users can change the site logo and header elements' colors when the menu becomes sticky.

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

##### Video Duration: 13 : 22

## Video Overview

Sticky Navigation Menu for Elementor, Option to convert your normal menu to be sticky menu with all required options. You can change background color of menu, You can change height and shrink menu on sticky as well.

- Sticky option in Navigation Menu Widget

- Connection with multiple Widgets for Sticky State Color Options

- Options to choose Reverse or Normal Sticky

- Works in responsive devices & cross browser

Above Feature/Widget URL : [https://theplusaddons.com/elementor-builder/header-builder/header-effects/](https://theplusaddons.com/elementor-builder/header-builder/header-effects/)

Official Plugin Website : [https://theplusaddons.com/elementor/](https://theplusaddons.com/elementor/)

Purchase Link : [https://theplusaddons.com/elementor/pricing/](https://theplusaddons.com/elementor/pricing/)

Standard Sticky Menu

- Sticky Background color change

- Site Logo change on sticky

- Header Extars Widget Elements color change on sticky

- Full Section Sticky with hiding top menu

- Shrink Menu on Sticky by change in padding value

Reverse Sticky Menu

- Reverse Sticky Effect on Bottom to Top Scroll

- Sticky Same Background color

- Site Logo change on sticky

- Full Section Sticky with top menu

This feature is part of The Plus Addons for Elementor plugin. It's awarded as a best elementor third party addons. It's used by lots of designers and developers to super charge their Elementor website.

You can join us to discuss or Stay Tuned to get updates.
Facebook Community : [https://www.facebook.com/groups/theplus4elementor/
](https://www.facebook.com/groups/theplus4elementor/)Facebook Page : [https://www.facebook.com/tpaelementor/](https://www.facebook.com/tpaelementor/)

Get further Support : [https://store.posimyth.com/helpdesk/](https://store.posimyth.com/helpdesk/)
Documentation : [https://theplusaddons.com/docs//](https://theplusaddons.com/docs//)
Technical Support (Pro Users) : [https://store.posimyth.com/helpdesk/](https://store.posimyth.com/helpdesk/)

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

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

## Frequently Asked Questions

**Q: What should I do if my sticky header isn't appearing as expected?**
A: If your sticky header isn't showing up, check the settings in the Navigation Menu Widget. Ensure that the sticky option is enabled and that you've configured the background color and height correctly. The Plus Addons for Elementor allows you to change the background color of the menu and adjust its height, which are crucial for visibility. If these settings are incorrect, the header may not appear sticky.

**Q: What is the best way to change the logo size when the header becomes sticky?**
A: To effectively change the logo size during the sticky state, adjust the padding values in the header settings. The Plus Addons for Elementor allows you to shrink the menu on sticky, which can also affect the logo size. This creates a more cohesive look as the header transitions, enhancing user experience without compromising design.

**Q: Are there any limitations to using the reverse sticky menu effect?**
A: The reverse sticky menu effect allows the header to appear from the bottom to the top on scroll. However, it may not be suitable for all designs, especially if your site has a lot of content above the header. Consider the overall layout and user flow when implementing this feature with The Plus Addons for Elementor to ensure it enhances rather than hinders navigation.

**Q: What common mistakes do users make when setting up a sticky header?**
A: A common mistake is not testing the sticky header across different browsers and devices. The Plus Addons for Elementor supports cross-browser functionality, but if settings are not correctly configured, the header may not behave as expected. Always preview your changes in multiple environments to catch any issues before going live.