A user encountered an issue where the customer account icon appeared in the header on desktop but not on mobile devices after enabling “Show login link in header” in Shopify settings.
Root Cause:
On the Dawn theme, the account icon is placed inside the mobile menu drawer by default rather than in the header bar.
Solution Provided:
GemPages support shared CSS code to force the account icon to display in the mobile header:
.header .header__icon--account {
display: flex !important;
}
Important Notes:
Hello, I am trying to set up a website
I wanted to add an user account icon on the headbar. So I went to settings, customer accounts and I clicked on the button: Show login link in the header of online store and at checkout. Then I went back to my store on pc and I saw the user account icon on my pc. But when I log in on my mobile I could not find the icon on my header. Why does the icon show on pc width and why does it not show on mobile? Can someone help me fixing this problem?
Hi @Rasit_1
To provide you with the precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?
Or can you tell me what theme you are using?
Best regards,
GemPages Support Team
Hello GemPages.
I am using the Dawn Theme.
On Dawn theme, the Account Icon inside the menu drawer on mobile.
If you want to show account icon in header bar on mobile devices,
you can try adding below code by following these steps:
Go to Online Store → Theme → Edit code https://prnt.sc/fJOF9RnL7Rp5
Open your base.css in the Assets folder.
Paste the below code at the end of the file https://prnt.sc/l3nznmeTCiSW
.header .header__icon--account {
display: flex !important;
}
Best regards,
GemPages Support Team
Thank you so much GemPages.
You literally saved me so much hours.
Lastly I have a question. If I do like a select language icon on the header and some icons on footer. Do I need to copy and paste this code under the base css and changing the icon–account to like icon–(The name) so then it also shows on mobile?
Hi @Rasit_1 , 
The above code only applies to the account icon in the header. Replacing the code with another icon’s name may make it incorrect.
Best regards,
GemPages Support Team
Unfortunately, it didn’t work for me. Maybe because of the new Dawn update.
Do you have the latest fix? Please advice, thank you.
I have found the fix for the newer theme, nevermind. but thanks
The code didn’t work for the Prestige theme. Can you help plz
