How can I make my website header transparent?

hardingmolly
Tourist
10 0 4

Hi I would like to make my header transparent so the image banner becomes the background of the header.

like this:

Screenshot 2024-02-19 172642.png

any help would be much appreciated! thanks 🙂

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
5930 1427 1756

Hi @hardingmolly 

Would you mind to share your store URL? Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


hardingmolly
Tourist
10 0 4

Hi, I've managed to get the header transparent, but I would like the header to have a white background when scrolling, are you able to help?

 

Here is the url: https://sigridlondon.com/

 

thank you!

Made4uo-Ribe
Shopify Partner
5930 1427 1756

I can help for the simple css, but scrolling with background that needs a javascript. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com