Shopify themes, liquid, logos, and UX
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;
}
Solved! Go to the solution
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.
Please share store URL.
Thank you @dmwwebartisan
It's https://chloeandclaude.com but its not live yet 😞
https://4id9gfifb93bw7ow-40983593121.shopifypreview.com
Thank you both! Sorry bit slow with how this works.
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.
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;
}
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?
@ava06
you must remove the text "the line under the bar". Written text will break CSS code.
Kind regards,
Diego
Thanks Diego! Done that, but it's still there 😞
hello @ava06
Paste this code on top of the theme.scss file.
.Header {
box-shadow: none !important;
}
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.
@Zworthkey That worked. Amazing! Thank you very much.
Thanks to everyone else for your help also 🙂
hello I have the same issue, this code removed it from desktop version but the mobile one. can. you help?
User | RANK |
---|---|
178 | |
147 | |
81 | |
67 | |
56 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023