How to remove white background on Header

TrippMehew
New Member
1 0 1

I am using the DEBUT theme and my header is white. Below is a slider image. I would like to make the header transparent and the header logo, nav, ect. be in the slider pictures. How do I do that?  www.infiniteabundancemovement.com 

Replies 4 (4)
KetanKumar
Shopify Partner
24918 2497 9034

@TrippMehew 

Thanks for the post.

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

@media only screen and (min-width: 750px) {
.template-index .site-header {
position: absolute;
    width: 100%;
background-color: transparent;
}
.template-index .site-header__mobile-nav {
background-color: transparent;
}
}

 

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
DeadEndStreet
Explorer
103 0 35

Hi, this works on my desktop but doesn't change it on my mobile - is there other code I need to add?

 

Thanks

Natztech
Shopify Partner
2236 565 1373

hello @DeadEndStreet 

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

@media only screen and (max-width: 750px) {
 .template-index .site-header {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
 .template-index .site-header__mobile-nav {
     background-color: transparent;
}
}

 

DeadEndStreet
Explorer
103 0 35

Thanks Naztech - I had that code pasted in but I had 'min-width' instead of 'max-width' - sorted now.

Do you know how I go about making my navigation bar transparent and making it a sticky menu that sits at the top of the page? At present it sits 2 inches down and straight through my slideshow.

Ideally I want my logo to sit in the nav bar as well (inline with menu items, cart etc) and for the nav bar to turn a solid white when I start scrolling.

A big ask I think - appreciate any help you can give.