Transparent header background reappears when scrolling Dawn Theme

Store Design
,
1

Hi there, I made some changes to my theme.liquid to make the banner image the background for my header/menu. This worked great, but now when I scroll the original color background appears with the header. I already made the header not sticky, but this didn’t seem to work- the header and header background still are sticky when I scroll.

Here’s what it looks like before scrolling:

Screen Shot 2023-12-22 at 12.33.11 PM.png
Screen Shot 2023-12-22 at 12.33.11 PM.png2098×1030 673 KB

And here is after I scroll down:

Screen Shot 2023-12-22 at 12.34.07 PM.png
Screen Shot 2023-12-22 at 12.34.07 PM.png2788×1130 712 KB

Any help is greatly appreciated!

2

Hi there,

To best help you out, what did you do to the header code wise?

3

Hi @aderrick ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly