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
3543 416 807

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 13 (13)
dmwwebartisan
Shopify Partner
10215 2288 3188

@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

Natztech
Shopify Partner
2238 565 1387

hello @ava06 

can you please share your unpublished shop preview url

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
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.

Natztech
Shopify Partner
2238 565 1387

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
ava06
Tourist
9 0 4

Thank you! @Natztech 
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
2356 425 567

@ava06 

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

Kind regards,
Diego

◦ Add a Slideshow to the Dawn theme: live preview. No apps required.
◦ Replace apps with copy/paste code snippets & save money. Examples here.
◦ Available for hire! ezfycode@gmail.com
Zworthkey
Shopify Partner
3543 416 807

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post