Updated Shrinking Sticky Header

What’s New

Code for the new container experiment

Set your own background color using Elementor if you don’t need the background color to change on scroll.

I’ve dropped the use of the opacity variable so now it’s easier now to set a header background color on scroll.

Optional: Shadow on scroll

Optional: Shrinking Menu Cart widget

Optional: Shorter header on mobile

Optional: Change text color on scroll

Optional: Hide Widgets on Scroll

Optional: Transparent Widgets on Scroll

Optional: Change menu font size on Scroll