How To Remove The Search Icon From Shopify Debut Theme?

Reading Time: < 1 minute

If you have ever tried to remove the search icon from Shopify Debut theme, then you know it’s not an easy task. In this blog post, we will show you a quick and easy way to do just that.

How to Remove the Search Icon from Shopify Debut Theme?

If you want to remove the search icon from Shopify’s Debut theme, follow these steps:

1. Navigate to Appearance > Themes in your Shopify admin.
2. Locate the Debut theme and click on it to open its settings panel.
3. Under “Custom CSS,” find the line that reads “#search-icon { background: no-repeat url(“images/search-icon-no-repeat.png”) center top; }” and delete it.
4. Click on Save changes at the bottom of the settings panel.
5. Reload the page to see the change!

This is our own Service Offered by the Blog Author.

shopify dropshipping store set up

How to Add a Custom Menu Item in Shopify Debut Theme?

To add a custom menu item in Shopify Debut Theme, follow these steps:

1. Click on the Pages tab in the Shopify Admin.

2. Click on the Menu Item link under the Pages heading.

3. Select the desired menu item from the list of available options.

4. Enter a title for your custom menu item and click on the Save button.


If you’re looking to remove the search icon from Shopify Debut theme, there are a few ways you can go about it. You could use an extension like Search By Yoast, or you could use a code snippet. Our article on how to remove the search icon from Shopify themes will provide you with the code snippet, as well as instructions on how to install and activate it. once you have installed and activated the code, all you need to do is insert it into your theme’s functions.php file and voila – your search icon will be gone!