Remvoing Icons From Header; Symmetry Theme

Store Design

Topic summary

Goal: remove the cart and search icons from the header in the Symmetry theme, keeping only text labels.

  • The original poster asked how to hide the header’s cart and search icons. Helpers requested the store URL and password to inspect. A screenshot link was shared to confirm the exact elements to remove.

  • A proposed solution suggested adding CSS to hide the elements by setting display:none on specific selectors, placed at the top of theme.scss.

  • A follow-up noted that Symmetry doesn’t have a theme.scss file. Another user tried placing the code in style.css.liquid, but it did not work and provided their storefront URL and password for review.

  • A Shopify staff member advised contacting the Symmetry theme developers directly for theme-specific support, with a developer site link provided. As alternatives, community help and hiring a Shopify Expert were suggested.

  • Status: no confirmed resolution yet. Next steps likely involve identifying the correct stylesheet and selectors for Symmetry’s header, or seeking assistance from the theme developer/support to target the right elements.

Summarized with AI on February 16. AI used: gpt-5.
1

Was wondering if anybody knew how to remove the Cart and Search icons from the headers, leaving only the text.

Thanks in advance!!

2

Hii, @KeepitCharlie
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

3

hello @KeepitCharlie

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

4

My url is: co-lab-project.myshopify.com

5

do you want to remove this https://nimb.ws/UZfHjE

6

@KeepitCharlie
Paste this code on top of the theme.scss file.

a.btn.btn--clear.btn--square.btn--hover-scale.site-header__cart.ajax-cart__toggle {
    display: none !important;
}
.input-group--underline {
    display: none !important;
}
7

Hello @KeepitCharlie !

I can see that you already have a partner helping you out here, but I just wanted to mention that for any questions that you may have regarding the Symmetry theme can be addressed directly to the developers, and they can take a look into it for you.

I have a link to their developer website here. For all issues related to this theme, I would recommend going to the developers as a first point of contact as they know their theme code best and may be able to help you out quicker.

That said, in cases where you’re unable to get help from their side, the Community is an excellent resource for these kind of questions, and lastly you could look into contacting a Shopify Expert. Shopify Experts are people who work externally to Shopify and charge their rates based on the work that they do. They can look into coding related questions and other queries on all kinds of themes.

8

Hey I wanted to use your code in the symetry theme but there is not “theme.scss” file in that theme.

I copied it in the “style.css.liquid” page but it doesnt work. Do you have a solution?

URL: https://www.cotiereofficial.com/

PW: test1234