[Share] How to remove Header Color on Scroll

To remove Header Color on Scroll, you can use these CSS codes to Website Tools > Custom CSS.

#1. All Pages

header#header.shrink {
    background-color: transparent !important;
}
header#header.shrink .header-background-solid {
    opacity: 0 !important;
}

#2. One Page

You can find Page ID

Then use CSS code like this

#collection-6673f2e18432c25013aee99f {
  header#header.shrink {
      background-color: transparent !important;
  }
  header#header.shrink .header-background-solid {
      opacity: 0 !important;
  }
}

#3. Desktop Only

@media screen and (min-width:768px) {
  header#header.shrink {
      background-color: transparent !important;
  }
  header#header.shrink .header-background-solid {
      opacity: 0 !important;
  }
}

#4. Mobile Only

@media screen and (max-width:767px) {
  header#header.shrink {
      background-color: transparent !important;
  }
  header#header.shrink .header-background-solid {
      opacity: 0 !important;
  }
}