Can I remove the customer login icon from my website?

Technical Q&A

Topic summary

A user wants to remove the customer login icon from their Shopify website header, citing concerns about too many icons cluttering the interface and the logo appearing very small on mobile view. They also ask about making “FREE UK POSTAGE OVER £20” text more prominent.

Two solutions were provided:

  • Option 1: Add CSS code to theme.scss.liquid file to hide the login icon specifically in the header using .site-header__icon.site-header__account selector

  • Option 2: Use a broader CSS selector [href*="/account/login"] that will hide every login button across the entire website, not just the header icon

Current status: Multiple users report they cannot locate the theme.scss.liquid file in their theme code and are asking where else they can paste the CSS solution. The question about alternative file locations remains unanswered.

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

Hello @lisatrendy

For remove the login icon on your website following code used for this

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

#swym-inject-header {
	display: block !important;
}
.site-header__icon.site-header__account {
	display: none;
}

Hope this will work for you

Thanks…