Hi @JackHampel
Sorry., I didnt notice your reply here. Seems like youve already solved it.
Topic summary
A user running the Motion theme wants to remove search and cart icons from their website header but lacks coding experience and cannot find the base.css file mentioned in existing tutorials.
Solution provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Add specific CSS code at the bottom to hide the icons using
display: none - For Motion theme specifically, paste the code in theme.css.liquid
CSS code snippet:
a.site-nav__link.site-nav__link--icon.js-search-header.js-no-transition,
svg.icon.icon-bag-minimal {
display: none;
}
The solution was successfully tested and confirmed working by the original poster. Screenshots were shared showing the header before modification.