A user wants to modify the Dawn theme’s mobile header to display the account login as an icon (similar to desktop view) instead of having it hidden inside the hamburger menu.
Current Issue:
Proposed Solution:
.menu-drawer__utility-links {
text-align: center;
}
Status: The discussion remains open with one suggested workaround provided, though the full header icon implementation hasn’t been addressed.
I’m using the Dawn theme, and I want to customize the mobile view account login button. I want it to appear like the desktop view — as an account icon (silhouette) on the header — instead of being inside the hamburger menu.
website: https://ambersilverz.myshopify.com/
password: amber
If the reason is that the wishlist icon overlaps, then consider simply centering the login link? This would be a simple change – can go into “Theme settings”=> “Custom CSS”; moving it to the header would be more complex.
.menu-drawer__utility-links {
text-align: center;
}
if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it
