You can change the header background color, height, logo size, and bottom border when the visitor starts scrolling down the page.
The scrolling distance is adjustable for the best results in any situation
Makes the initial background color transparent and places the header over the top page section without the use of negative margins
Fully responsive and allows for a “shrink” effect to maximize space and achieve a slim style without losing functionality
Ability to adjust the logo height after scrolling
Change the color of the header when the visitor begins to scroll down. Full HEX, RGBA, and Color Name support
Upon scrolling the border thickness and color can be changed
Change logo image entirely. Especially usefully when using transparent header
Slide-in and fade-in animations with animation duration
Hide or show header elements after scrolling
Add or remove box shadow effect upon scrolling with color, horizontal, vertical, blur, and spread controls
Entrance and exit animations for the mobile hamburger menu
Menus that will split to allow center logo
The options panel is built right in to Elementor Pro’s advanced tab, right where they should be.
Automated page speed optimizations for fast site performance