how to remove white header color on debut

Solved
Highlighted
New Member
54 0 0

i want to remove the white bar so that its transparent.

here is desired look:

Screen Shot 2020-06-25 at 10.11.00 AM.png

0 Likes
Highlighted

Hello @comingera,

Can you please share your store url

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Highlighted

This is an accepted solution.

@comingera,

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

header.site-header.border-bottom.logo--left {
    background-color: transparent;
}
.grid.grid--no-gutters.grid--table.site-header__mobile-nav {
    background-color: transparent;
}
div#shopify-section-header {
    position: absolute;
    z-index: 999;
    width: 100%;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
54 0 0

on the slide a line is still there

Screen Shot 2020-06-25 at 11.11.49 AM.png

0 Likes
Highlighted

This is an accepted solution.

@comingera,

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

header.site-header.border-bottom.logo--left {
    border-bottom-color: transparent;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes