Remove Account Icon Header

Store Design
, , , , , ,

Topic summary

A Shopify store owner using the Stiletto theme wants to hide the account icon from their header at winnerofficial.com.

Multiple CSS Solutions Provided:

Several users offered nearly identical solutions involving custom CSS:

  • Navigate to Online Store > Themes > Actions > Edit Code
  • Locate the theme.css or base.css file
  • Add CSS snippet targeting .a.header-icon__touch.header-icon__touch--account with display: none !important;
  • Save changes and preview before publishing

Alternative Admin Panel Approach:

One user suggested a non-CSS method:

  • Go to Settings > Customer accounts
  • Click Edit in “Accounts in online store and checkout section”
  • Uncheck “Show login link in the header of online store and at checkout”
  • Save settings

Resolution:

The original poster confirmed the issue was resolved with a brief thank you. One responder also noted the store lacks conversion tracking setup for Google.

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

Hello!

I want to remove / hide the “Account” icon from the header.

My theme is Stiletto and my website is www.winnerofficial.com

Captura de pantalla 2024-05-23 a las 11.43.38.png

1 Like
2

Hi,

The following code will do what you want. If you encounter any issues again, feel free to write, I’ll help.

Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css” in the search bar and add below codes.

a.header__icon-touch.header__icon-touch--account {
    display: none !important;
}

shopify.base.css.jpg
shopify.base.css.jpg1878×902 166 KB

Terence

3

Hi @martujv ,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

a.header__icon-touch.header__icon-touch--account {
    display: none;
}

Thanks

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.header__icon-touch.header__icon-touch--account {
display: none;
}

ZestardTech_0-1716457911626.png
ZestardTech_0-1716457911626.png1689×206 9.9 KB

1 Like
5

Hello @martujv ,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open “theme.css” file.
  • Paste CSS snippet at the bottom.
  • Save changes.
  • Preview and publish if satisfied.
a.header__icon-touch.no-transition {
    display: none;
}

Thanks!

1 Like
6

Thank you!

7

Thanks!

1 Like
8

Hi @martujv

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

9

@martujv Please follow below steps to remove account icon in the Header. Let me know whether it is helpful for you.

  1. From admin, go to “Settings”.

Vinsinfo_0-1716464122244.png
Vinsinfo_0-1716464122244.png295×787 23.4 KB

  1. Click “Customer accounts” as like in the below screenshot.

Vinsinfo_1-1716464132104.png
Vinsinfo_1-1716464132104.png1888×789 89.4 KB

  1. Click “Edit” button in the Accounts in online store and checkout section.

Vinsinfo_2-1716464166447.png
Vinsinfo_2-1716464166447.png1917×799 87.7 KB

  1. Uncheck the "Show login link in the header of online store and at checkout" checkbox and save the settings.

Vinsinfo_3-1716464193950.png
Vinsinfo_3-1716464193950.png1910×784 89 KB

Result will be like,

Vinsinfo_4-1716464245597.png
Vinsinfo_4-1716464245597.png1841×928 169 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

2 Likes
10

Hello martujv,

great to see your issue already solved. i can see in your website you havent setup any kind of conversion tracking for google.

could you please your plan on conversion tracking ?

thanks