It’s visible on desktop but somehow went missing on mobile.
Any help would be appreciated.
Thanks,
Matt
Topic summary
Account icon missing on mobile in Shopify’s Dawn theme header; it still appears on desktop.
Proposed solutions:
- Edit CSS files (theme.css/base.css) to force the account icon to display on mobile by adding a rule targeting .header__icons .header__icon–account with display set to inline and marked !important. A screenshot shows the icon reappearing after this change.
- Alternatively, add a mobile-only CSS block in theme.liquid above using a media query for max-width: 767px. The shared snippet only shows the opening @media rule, so the exact CSS inside it wasn’t included. A screenshot indicates where to paste it.
Notes:
- Dawn theme is Shopify’s default storefront theme; theme.liquid is the main layout file; a CSS media query applies styles for specific screen sizes (e.g., mobile).
- Images are used to illustrate the expected result and code placement.
Status: No confirmation from the original poster; resolution not yet verified.
Just follow the steps Below:
- Go to online store → theme
- select three dots and select code edit
- Search for the file theme.css and base.css
- past that code at the end
.header__icons .header__icon--account {
display: inline !important;!i;!;
}
The Result:
I hope this solution worked for you!
If yes Just like this Reply and Mark it as a Solution and to keep me motivated BUY ME A Coffee
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
@media (max-width:767px){
Hope this can help you solve the issue
Best regards,
Richard | PageFly