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

Solved

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

SteadyState
New Member
5 0 0

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!

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 290

This is an accepted solution.

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

niraj_patel
Shopify Partner
2378 514 506

Hello @SteadyState 
Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

PageFly-Henry
Shopify Partner
1184 335 290

This is an accepted solution.

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

websensepro
Shopify Partner
1275 145 160

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 

<i class="icon icon-search"></i> or <button class="header__search-toggle" type="button"></button>. You'll need to remove or comment out this code.

 

Save Changes  ->

Preview and Test ->

Publish Changes. 

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial
BerridgeSG
Shopify Partner
5 0 0

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.