Transparent Header

Hello @middlebeats , Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
[data-scheme=light] .header:hover, [data-scheme=light] .header_overlay-scroll,
[data-scheme=dark] .header_overlay-scroll {
    background-color: transparent !important;
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.