Remove Search icon - Debut Theme

Store Design

Topic summary

A user needs to permanently remove the search icon from their Shopify store using the Debut theme. They previously accomplished this around 2021 but found that current YouTube tutorials with code solutions are no longer working.

Solution Provided:
Another user offered a CSS-based fix:

  • Navigate to Theme Settings (cog icon in Customizer)
  • Scroll to “Custom CSS” section
  • Add the code snippet: .site-header__search-toggle { display: none !important; }
  • Alternative: Add the code to the bottom of assets/theme.scss

Status: The original poster thanked the respondent, suggesting the solution was helpful. Two other users requested the store URL for additional support, but the CSS solution appears to have resolved the issue.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I do know this is possible because I had done it before, probably around 2021, but I left it on for an additional customer feature. I need to permanently remove it going forward. I have watched multiple videos on you tube on this code wise, but they are not working. I use the Debut Theme. If someone could please help me navigate this, it would be greatly appreciated.

1 Like
2

Hey @mindi125

Share your Store URL and Password if enabled.

Best,

Moeed

3

Hi, @mindi125

Can you please share the store URL so I can better support you?

4

Yo can hide it with CSS.

Go to Theme Settings (cog icon in Customizer), scroll down to “Custom CSS” and paste this:

.site-header__search-toggle {
  display: none !important;
}

Of course, you can also add it to the bottom of the assets/theme.scss if you prefer.

5

Tim, I greatly appreciate your response. Thank you for your help with this!