mobile menu hard to read

• 

  hrvadmin · Member · Feb 26, 2015 at 3:22 pm

  • Copy link
  • Add topic to favorites

  I’ve been charged with maintaining a site that someone else developed, and am enjoying the challenge. I’m new to WordPress, and even newer to CSS. The web site is using Healthy Living theme. The background of the primary navigation menu is black, the font text is light purple. It looks OK on a wide screen, but the menu options are very hard to read initially on a mobile device. (After selecting a menu option, the font turns deep purple making it readable.) I noticed the Healthy Living default menu has a grey background with black font. How can I go back to that without changing other custom colors?
  I’ve reviewed the “Menu Bar Font Color” post/question of Oct. 14, 2014, but can’t get your suggestion to work. Thanks for any suggestions/help you can provide. Becky KD

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 26, 2015 at 11:29 pm

  • Copy link

  Hi, I’m assuming this is the site you are talking about: http://healthyrv.org .

  This will allow you to change the non-hover and hover colors on the mobile touch menu. I grabbed the lavendar color for the normal menu and then used the bright purple for the current menu item on the touch menu.

  .main-small-navigation a {
      color: #78789F;
  }
  
  .main-small-navigation a:hover {
      color: #C343D4;
  }

• 

  hrvadmin · Member · Feb 27, 2015 at 2:36 pm

  • Copy link

  Wow! You are so good!
  This worked.
  Thanks thesacredpath.

  Becky KD

• 

  thesacredpath · Member · Feb 27, 2015 at 9:23 pm

  • Copy link

  Becky, you are welcome, and thanks. :)