Trade Theme - Want Sticky Header to have 0.9 transparency on scroll down

Store Design
,
4

If you want some transparency when logo gets smaller then you can add this to the “Custom CSS” under “Theme settings”:

.section-header {
  transition: opacity .3s cubic-bezier(.52,0,.61,.99);
}
.scrolled-past-header:not(:hover) {
  opacity: 0.5;
}

Change the opacity value to your liking.

Probably no what you want, but it’s also possible to change transparency only when actually scrolling, but this will require some JS coding.