How to make my store header transparent to the percentage I want. Or make it opaque

Store Design
, , , ,
1

How do I make my store’s header a little transparent or opaque, so that I can see a little what’s behind it?

2

Whats your store url ?

3

Sorry, I forgot to send
https://mi8w9lspkvkx4fju-78296449301.shopifypreview.com

4

I want a type of Apple website. Please check it. https://www.apple.com/

5

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%);
}
1 Like
6

Thank you!!!

7

Oh Hello! And you know how to make it blurry?

8

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);
}
1 Like
9

Again, thank you.

1 Like