Lavish Pro menu colors

[Ellen]

Am I missing something? Is there a way to change the menu colors in Customize or do I need to do it in Custom CSS?

[Ellen]

Oops, never mind. I found it.

Customize > Header Settings > Navigation Colours

[Anonymous]

Hi Ellen,

Well, you got solution, if any issue further please let us know.

Thanks

[Diana Cobb]

I’m not sure if this is the right thread to post this in. I have successfully edited my menu/navigation colors. However, I can’t seem to figure out how to change the background color and hover color of thethat appears on mobile devices.

Thanks!

[Anonymous]

Hi Ellen,

Please send the link url of the site so that we could replicate issue and provide exact solution.

Thanks

[Diana Cobb]

Sorry, it is http://premiereroux.com/

My menu colors are correct on desktop version. But on mobile device the menu icon is the teal color like on the demo and the hover color is a bright red.

Thank you for your support.

[Anonymous]

Hi Diana,

Please add the following css code to fix the issue:

@media screen and (max-width: 1030px){
	a.toggle_button_lavish_menu {
	    color: #fff; /*Your color code*/
	}
	a.toggle_button_lavish_menu:hover {
	    color: #ddd; /*Your color code*/
	}
}

Note: use the custom css plugin or child theme stylesheet to write the css.

Thanks

[Karen Holloway]

I also have this problem, but this CSS code does not work?

[Binaya D]

Hi Karen,

Do you have same problem and you are not able to fix the issue with above css? if yes then please use like below code:

@media screen and (max-width: 1030px){
	a.toggle_button_lavish_menu {
	    color: #fff !important; /*Your color code*/
	}
	a.toggle_button_lavish_menu:hover {
	    color: #ddd !important; /*Your color code*/
	}
}

Thanks

[Author]

Posts