So, I managed to change the drawer menu color, hover color and everything. Just ended up not knowing how to change the login button color which looks very dark in the navigation menu. Any code that can help me change it?
Thank you
Topic summary
A user successfully customized their Dawn theme’s mobile drawer menu colors but couldn’t change the login button color, which remained too dark.
Solution provided:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Open Asset > base.css
- Add CSS code at the bottom to target the login icon and text
Two-step fix:
- First code snippet changed the icon color using
.menu-drawer__inner-container svg.icon.icon-account { color: #fff; } - Second code snippet changed the “Login” text color using
.menu-drawer__account { color: #fff; }
The issue was resolved after applying both CSS modifications. The helper requested the user mark the solution as accepted if it worked successfully.
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:]
.menu-drawer__inner-container svg.icon.icon-account {
color: #fff;
}
1 Like
Hey, thank you!
That did change the icon color, but the text “Login” is still dark, is there a way to change the color of that as well?
1 Like
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.menu-drawer__account {
color: #fff;
}
1 Like
Hello @devanshvasant
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please All Like and Accept Solution.
1 Like