How can I hide the search icon on the Publisher theme?

Store Design
,

Topic summary

A user wants to hide the search icon on both desktop and mobile versions of their Shopify store using the Publisher theme.

Proposed Solution:

  • Navigate to Online Store > ‘…’ > Edit Code
  • Locate a CSS file (typically named ‘styles.css’, ‘base.css’, or ‘theme.css’)
  • Add the following CSS code at the end of the file:
.header__search {
  display: none !important;
}

This CSS rule will hide the search icon across all devices by targeting the header search element.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I am looking to hide search icon on my website (Publisher theme) on both Desktop and Mobile

www.aurabyangelo.com

Publisher Theme

Thanks!

2

Hello, Kritikozzz, try going to Online store > ‘…’ > edit code

Look for a file with the name of ‘styles.css’ or ‘base.css’ or ‘theme.css’ or something along these lines of a general name with a .css

At the end of it, paste this code:

.header__search {
display: none !important;
}