Shopify themes, liquid, logos, and UX
Hi!
My URL is www.daughterofanangel.com
it seems the little search icon has disappeared from my site on mobile. It is usually next to the cart icon on the header. How can I get this back?
Thank you in advance!
Solved! Go to the solution
This is an accepted solution.
Hi @jennarose ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
@media(max-width:767px){
#shopify-section-header .header__icons .header__search{display:block !important}
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey @jennarose
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
details-modal.header__search:nth-child(1) {
display: block !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
I did it but I still dont see it 😞
Hey @jennarose
There's some code in your files which is hiding the search icon. I suggest you to remove that code and then use my code again.
Best Regards,
Moeed
how can I find that? I never added a code to hide it.. the seach icon was there the other day.. not sure what happend
There's a CSS code that is hiding the search icon, if you can't locate that code then you can provide me collaborator access and I can do it for you.
Best Regards,
Moeed
would it be any of this?
Hello @jennarose ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code below:
@media screen and (max-width: 768px){
.header__icons .header__search {
display: inline-block !important;
}
}
Thanks
thank you but that didnt work 😞
This is an accepted solution.
Hi @jennarose ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
@media(max-width:767px){
#shopify-section-header .header__icons .header__search{display:block !important}
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
It worked.. THANK YOU SO MUCH!
you are welcome 😍
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
We 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, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024