Change font color in smart phone hamburger menu

3 replies · opened Oct 1, 2018

DdarylfOct 1, 2018

I need to change the font color of the main menu drop down when viewed on a smartphone.

This is the URL:
http://nwmha.ca/

When you click on the hamburger menu, then choose Contacts, the drop down menu under Contacts the font is faded. I need it a different color (like white). Where would I add or change the code to do this?

Thanks so much,

Daryl

DdarylfOct 6, 2018

The customer has complained and I agree with them, that we need to change the colour of one of the drop downs.

This is the url: http://nwmha.ca/

When you view it on a smart phone, it has the hamburger style menu....

To see the problem on your smart phone, go to Contacts ---> Executive

You will see the font colour is really washed out. You can’t really see the word Executive. This is the same for all the drop downs text on this style of hamburger menu. Where/how I can change that font colour to white (#ffffff) so they see it better?.

Thank you,

DF

DdarylfOct 7, 2018

Any reason why you haven't answered this after 5 days?????

SSemicolon WebSTAFFOct 8, 2018

Hello,

Thanks for your Patience and Apologies about the Delays!

Consider using the following CSS Code:

@media (max-width: 991px) {
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a { color: #FFF !important; }
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard