Hello! I am working on the site: https://q2vhg4-cj.myshopify.com/
I am trying to remove the “search”, “profile”, & “bag/cart” from the header. Is there code i should remove? THANKS
Topic summary
A user needed to remove the search, profile, and cart icons from their Shopify store header.
Solution Provided:
- Add CSS code
.x-container-header-icons { display: none !important; }to the Custom CSS section - Navigate to: Sales channels > Online Store > Themes > Customize > Theme settings
- Screenshots were shared showing the exact location in the theme editor
Alternative Resource:
- A blog post was suggested with detailed steps for removing the Shopify search bar specifically
Outcome:
- The CSS solution successfully resolved the issue
- The user confirmed it worked after clarifying where to place the code
1 Like
Hi @themaxwolf
You can add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.
.x-container-header-icons {
display: none !important;
}
1 Like
Hello there @themaxwolf For the Shopify search bar, there’s a section dedicated to the steps you can take to remove it in this blog post here https://www.fastsimon.com/ecommerce-wiki/site-search/guide-to-shopify-search-bar-add-customize-troubleshoot-remove-and-more/
Let me know if you found this helpful
thank you - does it just need to go at the bottom of the theme file? or where should I put the code?
??? @Dan-From-Ryviu
That worked! Thank you so much