Some Shopify website owners might not want to have the Shopify search box on their website. The below image depicts the search button in the Shopify store clearly.
To delete or disable the search icon in Shopify, follow below steps:
Step 1: First Locate the search icon element from the store home page.
Step 2: Confirm setting display: none will make it not display and Copy the selector used for the search icon
Step 3: Locate the base.css file under assets in the Shopify admin panel.
details-modal.header__search { display: none !important;}
Step 4: Save and check on the store home page
By following the above steps, the search icon of any theme can be removed. Most of the time, this solution works as we take the exact DOM element.
