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
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 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;
}
User | RANK |
---|---|
178 | |
151 | |
83 | |
31 | |
30 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023