Solved

How do I remove this white line from the header where it meets the photo - debut

tonyrss
Excursionist
40 0 6

tonyrss_0-1632807681212.png

Hey guys trying to get rid of that pesky white line right below my header. I've tired numerous amounts of code with no success. Any help would be appreciated. 

Store link: https://xsiist.myshopify.com/

Pass: fafaor

Accepted Solutions (2)

oscprofessional
Shopify Partner
15846 2371 3074

This is an accepted solution.

Hi @tonyrss ,

header.site-header.border-bottom.logo--left {
    border: 0;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@tonyrss 

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

.site-header {border-bottom: 0px solid transparent !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

oscprofessional
Shopify Partner
15846 2371 3074

This is an accepted solution.

Hi @tonyrss ,

header.site-header.border-bottom.logo--left {
    border: 0;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
tonyrss
Excursionist
40 0 6

You are a legend thanks so much 🙂 it worked

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@tonyrss 

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

.site-header {border-bottom: 0px solid transparent !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Kinjaldavra
Shopify Partner
2302 570 1423

hello @tonyrss 

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

 

.site-header.border-bottom.logo--left{
    border-bottom: transparent !important;;
}

 

 

tonyrss
Excursionist
40 0 6

Hi Naz thanks for your help. This code actually worked better than the last. The other one is not mobile friendly and messes with the drop down menu so if anyone is looking for a good code to remove the lines this is the one!