Change Color of Mobile Text Only

tessmila · March 2017

Hi,

I would like change the color of the nav text in the mobile menu.

I have assigned a different background color to the mobile menu, but I have been unsuccessful targeting the text, without also changing the desktop link color which needs to remain white.

#Top_bar a.responsive-menu-toggle { color: #F0ECE8 !important; }

https://merindagarrett.com/home/

Thanks

Bryan · March 2017

HI,

Use this css

#Top_bar .menu > li > a {
	color: #F0ECE8 !important;
}

Just change the color to what you want.
thanks

tessmila · March 2017

That code also changed the desktop nav's colour.

I would like to target the mobile menu only.

Thanks

Bryan · March 2017

@media (max-width:767px){
	#Top_bar .menu > li > a {
	color: #F0ECE8 !important;
}
}

tessmila · March 2017

Fantastic thankyou!

Change Color of Mobile Text Only

Comments