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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025