Solved

Prestige Theme - Remove grey line under header

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)
Zworthkey
Shopify Partner
5581 642 1565

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.

View solution in original post

Replies 14 (14)

dmwwebartisan
Shopify Partner
12280 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ava06
Tourist
9 0 4

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

Kinjaldavra
Shopify Partner
2302 570 1422

hello @ava06 

can you please share your unpublished shop preview url

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 570 1422

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;
}

 

 

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
2935 562 883

@ava06 

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

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

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 570 1422

hello @ava06 

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

 

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

 

 

Zworthkey
Shopify Partner
5581 642 1565

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.

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 642 1565

@ava06 
Welcome!

damlafarda
Visitor
2 0 0

hello I have the same issue, this code removed it from desktop version but the mobile one. can. you help?