Remove Account & Cart Text From Desktop Header

Store Design
1

I’m looking to remove the Account and Cart text and only show the icons themselves on Desktop view, was wondering if there was a simple CSS fix for this. Here’s a screenshot for example, URL is halfspaced.com

DesktopHeader.jpg

2

@Halfspaced

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hey @Halfspaced !

The CSS you’re looking for is:

.site-header .site-header__links {
  display: none;
}

I hope that helps!

Ryan

4

@RyanPhillips Hi Ryan, that code actually removed both the text and the icons entirely, I’m specifically just looking to remove the text “Account” and “Cart” but keep the icons. Thanks for your help!

5

@Halfspaced ahh, sorry I missed that part! This should just remove the labels:

.site-header .site-header__links .header--supporting-text {
  display: none;
}
1 Like
6

Hi @Halfspaced ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme-index.min.css>paste below code at the bottom of the file:
.header--supporting-text {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Perfect thanks!

1 Like