Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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.
Hello @SteadyState
Can you share store URL?
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.
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.
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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024