How can I make the header transparent in Sense theme?

How can I make the header transparent in Sense theme?

elay1213
Excursionist
14 0 3

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

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1786 3108

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

ZenoPageBuilder
Shopify Partner
1052 203 226

Hello @elay1213 👋

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

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
oscprofessional
Shopify Partner
16116 2409 3125

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;
}

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
virregouda
Excursionist
14 0 4

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/

Ckuriosity
Shopify Partner
33 2 1

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;
}
Ckuriosity