How to hide the cart icon in Spark Theme?

Store Design

Topic summary

Issue: User needed to hide the cart icon in the Spark theme header without breaking the entire header layout.

Solutions Provided:
Multiple developers offered CSS code snippets to hide the cart icon by adding rules to the assets/theme.css file. The solutions varied slightly in selector syntax but all targeted the cart icon element:

  • .header__icon-touch.no-transition a:nth-of-type(2) { display:none!important; }
  • .header__icon-touch.no-transition:nth-child(2) { display:none!important; }
  • .header__icon-touch + .header__icon-touch { display: none; }

Outcome: The original poster confirmed all solutions worked perfectly.

Follow-up Questions:

  • How to convert the ‘contact us’ link into a button (linking to contact page) after hiding the cart button
  • How to remove the hamburger menu in the same theme

Both follow-up questions remain unanswered.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
4

@INFRA

Please add the following code at the bottom of your assets/theme.css file.

.header__icon-touch+.header__icon-touch{
    display: none;
  }

Hope this works.

Thanks!

1 Like