Return to previous page

Mobile navigation - by bazarcollective - on WordPress WooCommerce support

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

bazarcollective

Participant

September 29, 2015 at 02:11

Hello im using the royal theme and having some trouble changing the text color on my mobile navigation menu. I’d like to change the color for the text, hover and selected. Please help,
thnx

#90022 Copied

6 Answers

bazarcollective

Participant

September 29, 2015 at 02:16

forgot to mention id also like to change the color for account menu in mobile navi aswell THNX

#90023 Copied
Robert Hall

Support staff

September 29, 2015 at 07:16
Hello,

Please add the following code in Global Custom CSS (Theme Options->Custom CSS).
```
.mobile-nav .menu >li.current-menu-item >a{
color:red;
}
.mobile-nav .menu > li > a{
color:yellow;
}
.mobile-nav .et-mobile-menu li a:hover{
color:green;
}
.mobile-nav .links li a{
color:yellow;
}
```
Regards,
Robert Hall.
#90031 Copied
bazarcollective

Participant

September 29, 2015 at 18:47

Hi Robert thanks for that! i have another question, how do i add a background color to the menu tittles. i tried but it gives me a backround for all of them together id like a background for each indivisual tittle.

#90296 Copied

Jack Richardson

Support staff

September 30, 2015 at 12:08

Hello,

Do you want to set background color for mobile menu or desktop?

Best regards,
Jack Richardson.

#90458 Copied

bazarcollective

Participant

September 30, 2015 at 20:49

yes i’d like each tittle in the mobile menu to have a different color.
thanx

#90583 Copied
Eva Kemp

Support staff

October 1, 2015 at 09:27
Hello,

You need use this code in Global Custom CSS:
```
.et-mobile-menu .menu-item-* a {
    background-color: red;
    color: black;
}
```
Instead of .menu-item-* class you need write class for each menu item. They are:
Home – .menu-item-19
Shop – .menu-item-22
Contact – .menu-item-16800
My Account – .menu-item-21

Write your color values for each item.

Regards,
Eva Kemp.
#90656 Copied
Viewing 7 results - 1 through 7 (of 7 total)