Skip to main content
All CollectionsStore Building
How to Remove Your Shopify Search Bar From the V2-Zendrop-Theme
How to Remove Your Shopify Search Bar From the V2-Zendrop-Theme

How to delete the search icon.

Molly Kaliman avatar
Written by Molly Kaliman
Updated over a week ago

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!

Did this answer your question?