Return to previous page

Mobile menu background color as well as Text color

This topic has 6 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Jack Richardson

inclusivesolutions

Participant

July 11, 2016 at 09:03

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!

#133101 Copied Theme version: 3.0.1 WooCommerce version: 2.6

5 Answers
Jack Richardson

Support staff

July 11, 2016 at 10:15
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.
#133116 Copied
inclusivesolutions

Participant

July 11, 2016 at 11:28

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!

#133129 Copied

Jack Richardson

Support staff

July 11, 2016 at 11:35

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.

#133131 Copied

inclusivesolutions

Participant

July 11, 2016 at 12:22

Thank you kindly! All sorted 🙂

#133136 Copied

Jack Richardson

Support staff

July 11, 2016 at 12:50

Hello,

You are welcome.

Best regards,
Jack Richardson.

#133143 Copied
Tagged: background color, customization, mobile menu, text color, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

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

Mobile menu background color as well as Text color

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection