Archived topic

Trying to change background and text color in mobile sub menu

5 replies · Started by unoaime on January 15, 2021

Viewing posts 1–6 of 6

January 15, 2021 at 6:30 am #1619898

Looked in customize > colors and couldn't find anything.

Tried

.mobile-menu #sub-menu ul li {
background-color: white;
}

to test and nothing happens. Fiddled about it chrometools inspect aswell and couldn't figure it out.

January 15, 2021 at 8:00 am #1620197

Hi there,

try this CSS:

.slideout-navigation.main-navigation ul ul {
    background-color: #fff;
}

January 15, 2021 at 8:49 am #1620273

Works a charm. Just wondering what the correct syntax is for changing the hover text color

.slideout-navigation.main-navigation ul ul li:hover {
		color: #0a508c;
}

doesn't work

January 15, 2021 at 11:06 am #1620446

Hi Chris.

Try this:

.slideout-navigation.main-navigation ul ul li a:hover {
    color: #0a508c;
}

January 16, 2021 at 2:55 am #1621018

Sadly didn't work. Something must be overwriting it somewhere. :/

January 16, 2021 at 7:53 am #1621409

Try:

.slideout-navigation.main-navigation ul ul li:hover a {
    color: #0a508c;
}

This archived topic is closed to new replies.