Why isn't my transparent header working on the Pipeline theme?

Store Design
1

Hello,

I have the transparent header enabled on Pipeline theme, however, it doesn’t show as transparent.

I’m not sure what the problem is.

www.pascualstudio.com

Thanks,

Andrea

2

Hi, @andreapascual

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme
.js__header__stuck.js__header__stuck__backdrop .theme__header{
    backdrop-filter: none;
    background-color: transparent;
}

.css ->paste the below code at the bottom of the file.

3

Thanks. I did that, but it still isn’t transparent.
It looks semi-transparent, but I’d like to fully remove the white background colour of the header.

Screen Shot 2022-08-31 at 11.55.10 PM.png
Screen Shot 2022-08-31 at 11.55.10 PM.png2572×1148 308 KB

4

Please paste the below code after the previously added code

.js__header__stuck.js__header__stuck__backdrop .theme__header:after {
    opacity: 0 !important;
}