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?
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024