Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How do I make my store's header a little transparent or opaque, so that I can see a little what's behind it?
Solved! Go to the solution
This is an accepted solution.
Go to your online store -> customize -> settings -> custom css and paste this code there
sticky-header.header-wrapper.color-inverse.gradient {
background-color: rgb(150 150 150 / 50%);
}
This is an accepted solution.
You can use this code to make background blurred
sticky-header.header-wrapper.color-inverse.gradient {
background-color: rgb(150 150 150 / 50%);
backdrop-filter: blur(10px);
}
Whats your store url ?
This is an accepted solution.
Go to your online store -> customize -> settings -> custom css and paste this code there
sticky-header.header-wrapper.color-inverse.gradient {
background-color: rgb(150 150 150 / 50%);
}
Thank you!!!
Oh Hello! And you know how to make it blurry?
This is an accepted solution.
You can use this code to make background blurred
sticky-header.header-wrapper.color-inverse.gradient {
background-color: rgb(150 150 150 / 50%);
backdrop-filter: blur(10px);
}
Again, thank you.