Return to previous page

Mobile menu colour - by thegirlway - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

thegirlway

Participant

January 6, 2017 at 05:41

Hi, on the mobile version of my site the menu background colour and text colour are the same and viewers are unable to read the menu.

How do I change this?

Thanks

#150994 Copied

3 Answers

Rose Tyler

Support staff

January 6, 2017 at 09:24

Hello,

As I see, your mobile menu colors are different http://prntscr.com/ds4r78
Was your problem resolved?

Regards,
Rose Tyler.

#151022 Copied

thegirlway

Participant

January 14, 2017 at 09:23

Hi,

Yes I worked out how to change the menu colours in theme options. However in changing the colour for the menu on the mobile version it also changes it on the desktop. Is there anyway to have two different colours, say black on the desktop and white on the mobile. Or alternatively to change the mobile menu background colour so that you can read the black text?

#151862 Copied
Rose Tyler

Support staff

January 16, 2017 at 08:03
Hello,

Please add this code in custom.css file:
```
.mobile-nav .et-mobile-menu li > a {
    color: white;
}
.close-mobile-nav.close-block {
    color: white;
}
```
How to create custom.css you can watch in this tutorial
https://www.youtube.com/watch?v=Qok2zRedRMY

Regards,
Rose Tyler.
#151918 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Jewellery Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Minimal Store – WordPress WooCommerce Theme

lazy-placeholder

Bags Store – WooCommerce Theme

lazy-placeholder

Babyland 01 – WordPress WooCommerce Theme

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Organic Store – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.