This topic has 6 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Jack Richardson
Hi there,
where do I change the mobile menu background color and text color? It shows as black and is not readable. The current theme settings for the general layout is “light”.
thanks!
Hello,
Try the following css code in custom.css:
.menu.et-mobile-menu a, .close-mobile-nav.close-block {
color: #ffffff !important;
}
.side-block .close-block,
.et-mobile-menu li > a,
.et-mobile-menu li .open-child,
.et-mobile-menu > li > ul li,
.et-mobile-menu > li > ul > li a,
.mobile-nav.side-block {
background-color: #666363 !important;
}
Set the values to your needs.
How to create custom.css file you can wantch here http://www.youtube.com/watch?v=Qok2zRedRMY&list=PLMqMSqDgPNmD4uhGI1IBhr1iaEy81TMff&feature=share&index=1
Best regards,
Jack Richardson.
thanks! Works great! Just one last thing. How do I set the color for the expand “+” as I have set background as white and now you don’t see the expand plus sign..
thanks!
Hello,
The icon is loading as an image and located in the folder wp-content/themes/legenda/images, it’s named as “small-plus.png”. You need edit the picture with photoshop to change its color.
Best regards,
Jack Richardson.
Thank you kindly! All sorted 🙂
Hello,
You are welcome.
Best regards,
Jack Richardson.
Tagged: background color, customization, mobile menu, text color, themes, woocommerce, wordpress
The issue related to '‘Mobile menu background color as well as Text color’' has been successfully resolved, and the topic is now closed for further responses