Customize Header and Logo Color to Change When Scroll and Hover

Store Design
, ,
3

Hello, @dngmanblack for CSS

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
header {
  background-color: transparent !important;
  transition: background-color 0.3s ease !important;
}

header a {
  color: white !important;
  transition: color 0.3s ease !important;
}

header:hover {
  background-color: black !important;
}

header:hover a {
  color: white !important;
}

header.scrolled {
  background-color: black !important;
}

header.scrolled a {
  color: white !important;
}

Thanks!