How can I make the header transparent in Sense theme?

Store Design
1

Hi! Im using Sense theme and i wanted to the the header Transparent. How do i do it?

2

Hi @elay1213 can you send me the url of that page?

3

Hello @elay1213 :waving_hand:

If you want to make the Header section transparent, in Shopify Admin, go to Themes, Edit code, open the file base.css and add this code snippet at the bottom of the file

.header-wrapper.gradient {
background: rgb(var(--color-background), 0.8) !important;
}

The result

Screen Shot 2022-10-10 at 10.45.30.png
Screen Shot 2022-10-10 at 10.45.30.png1414×343 86.1 KB

4

Hello @elay1213

Go to the Shopify Store > Theme >Edit Code >Assets > base.css >Add the code at the bottom

.header-wrapper.gradient {
background: rgb(var(--color-background)) !important;
transition: background-color 0.5s ease !important;
}
5

You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

#shopify-section-header{
margin: 0;
position: absolute;
width: 100%;
}
.header-wrapper {
background: transparent;
}

1 Like
6

This does not work for me.. What am I doing wrong?

https://1f097c-e6.myshopify.com/ - Password Testar

This is what I want - https://www.nudient.se/