Return to previous page

WooPress mobile menu is Black on Black - by jjersild

This topic has 4 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

jjersild

Participant

May 26, 2015 at 20:54

How can I change the Font color of the Mobile menu. Currently it is black on black except the highlighted color. How can this be changed so it is white on black with the highlighted color remaining blue like it is?

#66168 Copied Theme version: 1.4 WooCommerce version: 2.3.8

3 Answers
Stan Russell

Participant

May 27, 2015 at 07:31
Hello,

please add following code to your custom.css file:
```
.mobile-nav-heading.close-mobile-nav{
color:white
}
.menu > li > a{
color: white
}
.menu > li > a:hover{
color: #5ea2c9
}
```
To create “custom.css” you can rename the file “default.custom.css” which is located in theme directory. After that please activate it in Theme options > Custom css > enable.

Regards,
Stan Russell.
#66195 Copied
jjersild

Participant

May 27, 2015 at 19:13

I did as instructed and it changed the header to white, but the rest of the fonts are still black on black.

#66439 Copied
Eva Kemp

Support staff

May 27, 2015 at 21:00
Hello,

Please add this code in custom.css file:
```
.et-mobile-menu li a {
    color: white !important;
}
```
Regards,
Eva Kemp.
#66463 Copied
Tagged: best selling, black, mobile menu, persuasive, themes, woocommerce, woopress
Viewing 4 results - 1 through 4 (of 4 total)