Some stores may not need a search bar, especially if you are only selling a few products. Here’s a step-by-step guide to help you remove the Shopify search bar from the V2-Zendrop-Theme:
Before You Start
Before customizing a theme, it's a good idea to make a backup copy. This way, you can discard your changes and start again if needed. Here’s how you can duplicate your theme:
From your Shopify admin, go to the Sales channels section and click on Online Store.
For the theme that you want to duplicate, click the ... (three dots icon) to open the actions menu.
Click Duplicate.
Edit the Theme Code
From the Sales channels section, click on Online Store.
Go to Themes.
For the current theme, click on the … (three dots icon) and select Edit code.
Add the Code to Assets
Click on Assets and select (/) base.css.
Insert the Additional Code
Scroll down the page to the end of the existing code.
Place the additional code:
'svg.modal__toggle-open.icon.icon-search {
display: none ! important;
}'
Click on Save.
Verify the Changes
Go to the front end of your store and see that the search icon is no longer visible.
IMPORTANT: Before customizing a theme, make sure to create a backup copy. This way, you can easily revert to the original version if needed.
Reverting the Changes
If you want to regain the search icon, simply remove the additional code from your theme. The search icon will reappear on your store as before.
If you have any further questions or need assistance, feel free to reach out to our Customer Success team by submitting a request through the in-app messenger!