Help Transitioning Sticky Header From Colour At Top Of Page To Transparent While Scroling (Brooklyn)

Technical Q&A
1

Hello!

Im starting my page and wanted to know if there is a way to have a coloured background on my header while the user is at the top of the main page and when he starts scrolling down the colour chages to transparent.If possible also for this to be Without the Announcement bar on top of my header.

2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3


Main Page

https://trippie-crew.myshopify.com/

PASS: siadoh

4

Hello There,

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste bellow code in the bottom of the file

.site-header {
background-color: transparent!important;
}

5

Worked Perfect! Thank you @ZestardTech !

1 Like
6

Kindly feel free to get back to me if you need any further assistance Thanks!