Sticky Header Effects for Elementor
Sticky Header Effects for Elementor adds options to Elementor Pro to change the header styling when the visitor starts scrolling down the page. Choose the scroll distance to change the header height, background color, and bottom border. Other customizable features include transparent header, shrink logo, change logo color, background blur, and hide header on scroll down.
This plugin is cross-browser compatible and fully responsive. Meaning it will work on all browsers as well as tablets and mobile devices.
This plugin is meant to be an add-on to Elementor Pro page builder as it’s not a standalone plugin.
Features
- Options panel built-in to Elementor Pro’s advanced section options. – Settings are right where they should be without cluttering up your workspace.
- Apply options on scrolling – The scrolling distance for the Sticky Header Effects to be applied is responsively adjustable for the best results in any situation.
- Transparent Header – Uses position to move header section down on top of the page. No need for problem causing negative margins.
- Header Background Color – Options for header after scrolling with full HEX, RGBA, and Color Name support.
- Bottom Border – Allows user to change the color and thickness of the bottom border upon scrolling.
- Shrink Header – An effect which changes section min-height to maximize space and achieve a slim style without losing functionality. (Remember that the “shrink” effect is limited by the height and padding of the header content. See the F.A.Q.)
- Shrink Logo – Ability to adjust the logo height after scrolling *Change Logo Color – Change the logo image color before or after the user scrolls. Useful for switching header design from monocromatic to full color *Blur Background – Add a modern blur effect to a semi-transparent header background color after scrolling *Hide Header on Scroll Down – Hides the header if scrolling down, and shows header if scrolling up. Has selectable distance to start the effect.
Donate
Enjoy using Sticky Header Effects? Please consider making a donation Every donation helps the continued development, maintenance, and support for this plugin. Thank you very much for your support!