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
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024