Why does the account icon disappear on mobile in the Dawn theme?

Store Design

Topic summary

The Dawn theme hides the account icon on mobile and smaller screens by default. A CSS fix resolves this issue:

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open Asset → base.css
  • Add the following code at the bottom:
a.header__icon.header__icon--account.focus-inset.small-hide{display:flex!important;}

Additional issues raised:

  • User asked about removing/changing the gravatar icon shown during checkout, but checkout page customization requires Shopify Plus
  • Another user couldn’t locate the base.css file in their theme assets
  • A separate request emerged about repositioning the search icon to the left side of the mobile header

The thread remains active with multiple users seeking similar mobile header customizations beyond the original account icon fix.

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

https://ur3tp5v94fces5tw-61965566137.shopifypreview.com/

On the mobile screen and when the screen is small, the account icon disappears. Please let me know what code you need to view or what code I have to add. I am using the Dawn theme.

kakashix7_1-1648893937012.png
kakashix7_1-1648893937012.png1819×152 31.6 KB

kakashix7_0-1648893913136.png
kakashix7_0-1648893913136.png997×203 35.9 KB

1 Like
2

@kakashix7

sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
a.header__icon.header__icon--account.link.focus-inset.small-hide {display: flex !important;}
2 Likes
3

Thank you! This worked. Do you know if it is possible to remove or change the gravatar icon that is shown in checkout?

kakashix7_0-1648912409426.png
kakashix7_0-1648912409426.png813×633 26.3 KB

4

Hi, thank you that worked. Do you know how I can fix my checkout page? I want to remove the gravatar icon or change it to a different icon. @KetanKumar

kakashix7_1-1648913215553.png
kakashix7_1-1648913215553.png399×311 24.7 KB

5

@kakashix7

its my pleasure to help us and sorry shopify checkout page customization allow only shopify plus plan

6

I can’t find this when I go to my code list the asset base part could you help me

1 Like
7

@Thecraftyshack

oh, sorry for that issue can you please send store url

8

I was able to finally find it but do you know how to add personalized text box for orders

9

@Thecraftyshack

store url

10

can you help me? im having the same issue…

The account icon dont show up in mobile.

https://04b317-2.myshopify.com/

password: bou12345

11

Hi Ketan, please can you help show how i can get my search icon to the left? I have three icons on the right side of my mobile header so I’ll like to move the search bar to the left side.