How to add account icon to header instead of the login in menu

Topic summary

A user seeks help adding an account icon to the mobile header of their Shopify store using the Impact theme, wanting it to appear alongside other header icons rather than in the login menu.

Current Issue:

  • Account icon is currently only in the menu
  • User wants it visible in the mobile header for easier access
  • Provided reference images showing desired layout

Solutions Offered:

Initial approach (namphan):

  • Requested the header.liquid file code to add the icon

Working solution (BSS-TekLabs):

  • Navigate to Actions > Edit code > Sections > theme.liquid
  • Add JavaScript code before the </head> tag
  • Later provided updated code snippets to:
    • Display the account icon properly
    • Control visibility (show on all pages except homepage using {% unless template == 'index' %})
  • Shared screenshots demonstrating the final result

Status: Multiple code solutions provided with visual confirmation of successful implementation. The discussion appears resolved with working code that adds the account icon to the mobile header.

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

Hello everyone,

Can someone help me get the ‘my account’ icon in header on mobile. I want I as in The attachment. Im using IMPACT theme

https://cdn.shopify.com/s/files/1/0741/4461/2617/files/IMG_9565.jpg?v=1725864550

https://cdn.shopify.com/s/files/1/0741/4461/2617/files/IMG_9564.jpg?v=1725864550

https://cdn.shopify.com/s/files/1/0741/4461/2617/files/IMG_9563.jpg?v=1725864551

https://x9ky5vd41rye611d-74144612617.shopifypreview.com

1 Like

Hi @Ab52 ,

You want this:

please send me the code of header.liquid file, I will check and add it for you

Yes, on mobile view. So i get something like this: https://cdn.shopify.com/s/files/1/0741/4461/2617/files/IMG_9563.jpg?v=1725864551

it currently is like this:https://cdn.shopify.com/s/files/1/0741/4461/2617/files/IMG_9564.jpg?v=1725864550

Hi @Ab52 ,

Please go to Actions > Edit code > Sections > header.liquid file

Please send me the code, I will check and add it

  • Here is the solution for you @Ab52
  • Please follow these steps:

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

1 Like
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you @Ab52 .
1 Like

Can you try new code @Ab52

1 Like
{% unless template == 'index' %}

{% endunless %}

Add this code to the before tag to show icon account in other tag @Ab52

1 Like
  • Here is the result you will achieve:

1 Like