Hello! Basically I want to remove the search icon / function in my store (both on mobile and desktop).
My theme is Stiletto and my web is www.winnerofficial.com
I tried every method and nothing worked!
Hi @martujv Please add the code in your theme.css/base.css/style.css file which is available in your theme.
span.icon-button.icon-button-header-search {
display: none !important;
}
If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:
- Login in shopify admin.
- Click on the Online Store.
- Then click on the button next to Customize in live Theme.
- Click Edit Code.
- Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
- You can add the above code at the bottom of the file.
Result:
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
1 Like
Please add the following code at the bottom of your css file.
a.header__icon-touch.header__icon-touch--search.no-transition{
display: none;
}
I’m actually trying to apply it into a theme that I didn’t publish yet (but it’s also a Stiletto theme) and I already done some changes via coding in this theme which include changing the layout of the header icons. I applied this code and it didn’t do anything, maybe because it generates some conflicts with the coding that I already have there.
Is there any way to force it?
Hello @martujv ,
I understand you are looking to remove the search icon from the header section.
Please add the below- mentioned code at the bottom of the theme.liquid file before tag and save.
Output -:
I hope the code helps you to remove the Search Icon.
Please share if you have any queries.
Thank you.
1 Like
It worked, thank you!