Transparent Header for Debut Theme

Highlighted
Tourist
4 0 2

I'm trying to make the header on my site, transparent and sit on top of the images. All the solutions that I've found don't work for my site, any help would be appreciated!

Highlighted
Shopify Partner
9348 1183 3275

Hello, @CODette 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 2
Here's the link to my site: https://beautybyette.com/

Thanks!
0 Likes
Highlighted
Shopify Partner
9348 1183 3275

@CODette 

do you mean like this?

KetanKumar_0-1603802212086.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 2

Yes! But without the line.

0 Likes
Highlighted
Shopify Partner
9348 1183 3275

@CODette 

Thanks for clear

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-index {
#shopify-section-header, .site-header__mobile-nav {
background-color: transparent;
box-shadow: none;
-webkit-box-shadow:none ;
}
header.site-header {border: none;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
4 0 2

So the header is transparent when scrolling but white when you first go to the site. I'd like to be transparent when you first go to the site, but white when scrolling. Is that possible?

Highlighted
Shopify Partner
9348 1183 3275

@CODette 

Yes, it's possible to more customization code can you please contact PM

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes