How do i remove the account icon from header?

Store Design

Topic summary

A user sought to hide the account icon from their website header to center the logo on mobile devices.

Solution provided:

  • Navigate to Online Store → Theme → Edit Code
  • Locate the base.css or theme.css file
  • Add the following CSS at the end of the file:
[aria-label="Log In"] .icon {
    display: none !important;
}

The solution was confirmed as successful by the original poster. This CSS targets the login icon specifically and hides it from display, allowing for better visual centering of the logo on mobile layouts.

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

My website is shwazzy.com and i wanted to hide the icon in the header so that the logo looks centered on mobile.

2

Hi @itshector10 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css Add the provided code at the end of the file.

[aria-label="Log In"] .icon {
    display: none !important;
}
3

Thank you!