Shopify themes, liquid, logos, and UX
Hi there,
I need help removing the search icon and option entirely from the header and anywhere else on my store using the new free Refresh Theme 2.0. Unfortunately I am not that good with code to be able to do it as it turns out.
There isn't an option to do it in the theme itself and I've tried a lot of different things by now with no success.
Does anyone have any idea where in the code and what I need to do to make this change and make it disappear.
Thank you in advance.
Regards,
Georgi
Solved! Go to the solution
This is an accepted solution.
Add this code to the bottom of Theme > Edit code > assets > base.css file
.header__search {
display: none !important;
}
Try it and let me know
This is an accepted solution.
Hello @Georgi123gg ,
I would like to give you a recommendation to support you:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
.header .header__search {
dislay: none;
}
</style>
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
This is an accepted solution.
Add this code to the bottom of Theme > Edit code > assets > base.css file
.header__search {
display: none !important;
}
Try it and let me know
This is an accepted solution.
Hello @Georgi123gg ,
I would like to give you a recommendation to support you:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
.header .header__search {
dislay: none;
}
</style>
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Hi im doing the steps you provided but its not removing the search button, am i missing something
Hi @Georgi123gg ,
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file -> Save
.header__icons details-modal.header__search {
display: none !important;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Thanks everyone, The issue has been resolved and I've marked the working solutions.
If someone is thinking to do this, make sure to paste the code somewhere in the upper part of the base.css not on the bottom.
Hello @Georgi123gg ,
I am so glad that my solution can help.
Best regards,
GemPages Support Team
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024