Prestige Theme - Remove grey line under header

Solved
ava06
Tourist
9 0 4

Hello! There have been a few people asking this same question, but every piece of code I have found on this site doesn't have any effect or scrambles the content in the body of the page.
Any ideas as to how I can remove the grey line under the header, as seen below?


I've tried the below code already - no success 😞

/* css for remove border */
.shopify-section--bordered {
display:none;
}



Screen Shot 2021-10-16 at 12.16.20 pm 1.png

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 641 1500

This is an accepted solution.

hii, @ava06 
Paste this code on top of the theme.scss file.

header#section-header {
    box-shadow: none !important;
}

Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 13 (13)
dmwwebartisan
Shopify Partner
10710 2339 3324

@ava06 

Please share store URL. 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ava06
Tourist
9 0 4

Thank you @dmwwebartisan 
It's https://chloeandclaude.com but its not live yet 😞

Kinjaldavra
Shopify Partner
2302 569 1405

hello @ava06 

can you please share your unpublished shop preview url

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
ava06
Tourist
9 0 4

https://4id9gfifb93bw7ow-40983593121.shopifypreview.com

Thank you both! Sorry bit slow with how this works.

ava06
Tourist
9 0 4

It's currently a faint beige line, but if I change to a darker colour it's more noticeable.
Thanks again for looking into it.

Kinjaldavra
Shopify Partner
2302 569 1405

hello @ava06 

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

 

.Header {
   box-shadow: none  !important;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
ava06
Tourist
9 0 4

Thank you! @Kinjaldavra 
I entered the your code snippet, but it refreshed with the line still. I could see you have a hex colour in the code, I tried replacing it with 'none' and the line is still there. Could it have anything to do with the code directly above it?

Screen Shot 2021-10-16 at 4.03.08 pm.png

diego_ezfy
Shopify Partner
2726 511 690

@ava06 

you must remove the text "the line under the bar". Written text will break CSS code.

Kind regards,
Diego

Zworthkey
Shopify Partner
5581 641 1500

This is an accepted solution.

hii, @ava06 
Paste this code on top of the theme.scss file.

header#section-header {
    box-shadow: none !important;
}

Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
ava06
Tourist
9 0 4

Thanks Diego! Done that, but it's still there 😞

 

Screen Shot 2021-10-16 at 4.35.34 pm.png

Kinjaldavra
Shopify Partner
2302 569 1405

hello @ava06 

Paste this code on top of the theme.scss file.

 

.Header {
   box-shadow: none  !important;
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
ava06
Tourist
9 0 4

@Zworthkey That worked. Amazing! Thank you very much.

Thanks to everyone else for your help also 🙂

Zworthkey
Shopify Partner
5581 641 1500

@ava06 
Welcome!

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages