How do i remove the search icon/functionality in the Impact theme?

Store Design
, , , ,

Topic summary

Main issue: Remove the search icon and its functionality in the Shopify Impact theme.

Proposed solutions:

  • Quick hide via CSS: Add to theme.css: [href=“/search”] { display: none !important; } This targets the search link and hides it globally.
  • Code-level removal: Edit header-related Liquid files (e.g., header.liquid/header-section.liquid) and remove or comment out the code that renders the search icon/link/form. This permanently removes the UI and behavior.

Additional context:

  • A request was made for the store URL, likely to tailor guidance.
  • A follow-up question asks how to keep the Search Bar but disable the search drawer (slide-out panel). This is a related but different behavior setting and may require adjusting theme settings or removing the drawer trigger in the header code.

Status/outcomes:

  • No confirmation that the CSS or code edit resolved the original request.
  • The follow-up about disabling the search drawer remains unanswered/ongoing.
Summarized with AI on December 29. AI used: gpt-5.
1

Hi All,

How do i remove the search icon and functionality in the Impact theme?

Would anyone have a snippet of code i can use to remove it?

TIA!

2

Hello @SteadyState
Can you share store URL?

3

hi @SteadyState

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

[href=“/search”] {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

2 Likes
4

Hello SteadyState,

To remove the search icon and functionality in the Impact theme, you’ll typically need to edit the theme’s code.

Here’s a general guide on how you can do this:

Access Your Shopify Admin → Go to Theme Editor → Edit Code →

Locate the Header Code (Look for the code related to the header or navigation bar. Typically, this can be found in files such as header.liquid, header-section.liquid, or similar) → Remove the Search Icon Code → 

Within the header code,
 look for the code responsible for displaying the search icon. This code might look like 

 or . You'll need to remove or comment out this code.

Save Changes →

Preview and Test →

Publish Changes.

5

Hi there, Is there a way in the Impact theme to just hide or stop the draw cart. We want the Search Bar, but no search draw.