How to remove search and cart icons from Studio theme header?

Store Design
1

Hello

I need to remove the search icon and cart icon from Studio theme from header.

Any help?

Thanks!

1 Like
2

Hi @Aziz99

If you just don’t want those icons to be shown - you can remove them using CSS - but I wouldn’t really recommend doing it unless you’ve got a really good reason (i.e. you have a single product store, you don’t want people to buy multiple products).

But adding this to the bottom of your theme.css or theme.scss should achieve what you’re asking:

header .header__icon svg.icon.icon-search {display: none;}
header .header__icon svg.icon.icon-cart-empty {display: none;}
header .header__icon svg.icon.icon-cart {display: none;}
header .cart-count-bubble {display: none;}
3

Hi @Aziz99
Can you please share store URL?

4

@Aziz99

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.header__icon--cart, .header__search {display: none !important;}
1 Like
5

This just fixed it.

Thanks alot!

1 Like
6

@Aziz99

its my pleasure to help us