Shopify themes, liquid, logos, and UX
Hello,
What Code would I have to input to get rid of the line that shows on my Header (line below the logo). I don't want it to show
Thanks
Solved! Go to the solution
This is an accepted solution.
1. Go to your store > Actions > Edit Code
2. Search for header section.
3. In header file search for <style> tag and you will see a css given like below:
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
box-shadow: 0 -1px rgba(0, 0, 0, 0.25) inset;color: #000000; } just replace it with
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
box-shadow: none; }
and its sorted !!!
Enjoy !!!
Please like and subscribe.
Hi @neon21 can you please share the store URL so I can provide an accurate solution!
https://periodtboo.myshopify.com/admin/themes/121051480116/editor
Would this one work?
its password protected can you please share store password to access it? @neon21
Abcde
Hi @neon21 go to theme.scss.liquid and paste this code at the bottom.
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
box-shadow: 0 -1px rgba(0, 0, 0, 0.25) inset;color: #000000;
}
This is an accepted solution.
1. Go to your store > Actions > Edit Code
2. Search for header section.
3. In header file search for <style> tag and you will see a css given like below:
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
box-shadow: 0 -1px rgba(0, 0, 0, 0.25) inset;color: #000000; } just replace it with
.supports-sticky .Search[aria-hidden="true"] + .Header--transparent {
box-shadow: none; }
and its sorted !!!
Enjoy !!!
Please like and subscribe.
Thank You so much
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025