Solved

Make header background transparent and change to white on scroll for Craft Theme

GiudFabri123
Tourist
12 0 1

How to Make header background transparent and change to white on scroll for Craft Theme?

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8014 1562 1586

This is an accepted solution.

Hi @GiudFabri123 

You can add this code to theme.liquid file after <head>

<style>
.scrolled-past-header .header-wrapper {
background-color: #fff !important;
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
8014 1562 1586

Hi @GiudFabri123 

Could you share your store URL so I can check?

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

GiudFabri123
Tourist
12 0 1
Dan-From-Ryviu
Shopify Partner
8014 1562 1586

This is an accepted solution.

Hi @GiudFabri123 

You can add this code to theme.liquid file after <head>

<style>
.scrolled-past-header .header-wrapper {
background-color: #fff !important;
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

GiudFabri123
Tourist
12 0 1

amazing! it works! thank you

Dan-From-Ryviu
Shopify Partner
8014 1562 1586

Happy I could help 😊

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.