Hi everyone!
I changed color of header icons and navigation menu text in desktop version, but can’t do the same in mobile version. White color is hardly readable. Could you please help with the code?
Your help is much appreciated!
Regards,
Olga
A user needed to change the color of header icons and navigation menu text in the mobile version of their Dawn theme store, as white text was difficult to read.
Solution provided:
base.css file (Online Store > Themes > Edit code).header__icon, .menu-drawer__navigation, and cart icons with custom color values using !importantIssue progression:
.menu-drawer__account resolved the remaining button color issueOutcome: Problem fully resolved. All mobile header elements now display in the desired color and are readable.
Hi everyone!
I changed color of header icons and navigation menu text in desktop version, but can’t do the same in mobile version. White color is hardly readable. Could you please help with the code?
Your help is much appreciated!
Regards,
Olga
Hi @Olga_MLB
I would like to give you some recommendations to support you.
Please go to Online Store > Themes > click 3 dots button > Edit code >Base.css and code at the end of the file Base.css
.header__icon--cart .icon, .header__icon .icon {
color: #648b80 !important;
}
#menu-drawer .link--text {
color: #648b80 !important;
}
Hope my recommendation can support for you! ![]()
Kind & Best regards!
GemPages
Hi @GemPages !
Thank you son, much! It works)
But only “Inloggen” (LogIn) button remains white. Is it possible to fix?
Best regards,
Olga
mylittlenummy.nl
You can add the following code after the above code at the end of the file base.css
.menu-drawer__account {
color: #648b80 !important;
}
Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team
I am glad that my recommendation is helpful to you
.