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 640 1498

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 2337 3311

@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 😞

Kinjalbuha
Shopify Partner
2302 569 1401

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.

Kinjalbuha
Shopify Partner
2302 569 1401

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! @Kinjalbuha 
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
2628 485 647
Zworthkey
Shopify Partner
5581 640 1498

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

Kinjalbuha
Shopify Partner
2302 569 1401

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 640 1498

@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