How can I eliminate the header cart icon on both desktop and mobile?

Store Design

Topic summary

A user seeks to remove the cart icon from their website header across both desktop and mobile views.

Proposed Solutions:

Two respondents provided CSS-based approaches:

  • Solution 1: Add .cart__toggle { display:none !important; } to the theme.css file
  • Solution 2: Insert .menu__item.menu__item--icons { display: none; } at the bottom of theme.css

Implementation Steps:

  1. Navigate to Online Store → Theme → Edit code
  2. Locate the theme.css file
  3. Paste the CSS code and save

Both solutions use CSS display properties to hide the cart icon element. The discussion remains open with no confirmation from the original poster about which solution worked or if the issue was resolved.

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

Hello,

How can I remove the header cart icon on my website for both desktop and mobile?

Thank you for your assistance in advance.

https://www.yook92.com (password: 692)

2 
.cart__toggle{
display:none !important;
}

find theme.css.

you can try this!

1 Like
3

Hi @YK92

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css.

Step 3: Paste the below code at bottom of the file → Save

.menu__item.menu__item–icons {

display: none;

}

PageFlyVictor_0-1674993048004.png

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like