How to remove login icon and align other icons to the right in mobile header?

Topic summary

A user seeks to customize their Shopify mobile header by removing the login icon and right-aligning the remaining icons. They provided preview links and images showing the current layout versus their desired outcome.

Proposed Solution:

  • Access Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag

The response includes markup/CSS code (content appears garbled in the original post) intended to hide the login icon and adjust icon alignment. The helper requested feedback on whether the solution worked, asking the original poster to mark it as solved if successful.

Status: The discussion remains open with no confirmation yet on whether the proposed CSS fix resolved the issue.

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

Hi everyone,

I’m trying to modify the header on the mobile version of my store. I’d like to remove the login icon and align the remaining icons to the right. I’ve attached images showing the current layout and what I’m aiming for.

Here’s the preview link to my store: https://ll4w4t6j24v2zyxo-86217654598.shopifypreview.com
Password: Password

Thanks in advance for your help!

Best,
Kim

Hey @KimGottwald

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed