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
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024