Remove Cart + Search Icon (Text should stay.) Theme: Symmetry

Store Design

Topic summary

A user wants to remove the cart and search icons from their Symmetry theme while keeping the text labels “Search” and “Cart” visible.

Initial Misunderstanding:

  • A developer initially provided CSS code to hide the text labels instead of the icons
  • Code suggested: .cart-link__label, .search-show-link__text { display: none; }

Correct Solution:

  • After clarification, the developer provided updated CSS to hide only the icons:
  • .search-show-link__icon, .cart-link__icon { display: none; }
  • This code should be added to the bottom of the styles.css file via Admin > Online Store > Themes > Edit code > assets folder

Additional Question:

  • Another user asked how to remove both the icons AND text labels entirely (complete removal of search and cart elements)
  • This question remains unanswered in the thread
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

How do I remove the Cart + Search Icon? The text “Search” and “Cart” Should ramain

Theme: Symmetry

URL: www.cotiereofficial.com

PW: test1234

Remove Icons only in top right corner.
Remove Icons only in top right corner.2880×242 503 KB

1 Like
2

Hi @marcelp

To make the popup smaller, please follow these steps:

  • Go to Admin>Online Store
  • On the live theme, click Themes>Edit code
  • In the assets folder, find and open the styles.css file
  • Add the following code to the bottom of the file:
.cart-link__label, .show-search-link__text {
display: none;
}
3

Hi Tahnky for helping but I want it the other way around. The Symbols should not be displayed but only the TEXT “Search” and “Cart” should stay.

4

Please add this code to the bottom of the styles.css file:

.show-search-link__icon, .cart-link__icon {
display: none;
}
1 Like
5

Hi Developden,

I was wondering what code you use to remove both the search and cart icons? So including the text.

Kind regards,

Tim