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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024