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 3134

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

ZenoPageBuilder
Shopify Partner
1052 203 229

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
16374 2441 3189

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

 

 

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
virregouda
Excursionist
16 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