Menu color in mobile version

• 

  martimerja · Member · Jun 27, 2020 at 11:37 am

  • Copy link
  • Add topic to favorites

  Hello, so my problem is with Redhill theme… I changed the color of the menu from original red to black with white text and in the desktop version it looks correct, but in the mobile version it’s still red with mix of black… How can I get rid of the red? Thank you! :)

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

• 

  martimerja · Member · Jun 27, 2020 at 11:42 am

  • Copy link

  I used this CSS:

  /*Changes menu color*/
  .main-navigation > div > ul > li:hover > a, .main-navigation > div > ul > li.focus > a, .main-navigation > div > ul > li.current-menu-item > a {
  background: black;
  }

• 

  sukafia · Member · Jul 1, 2020 at 12:23 am

  • Copy link

  Hi there,

  If you wish to change the color of the mobile menu toggle button, please try the following CSS codes:

  .main-navigation #toggle-menu {
      background-color: black;
  }

  Also, you can change the menu text color from red to white by adding “color: white;” to your existing codes. e.g:

  .main-navigation > div > ul > li:hover > a, .main-navigation > div > ul > li.focus > a, .main-navigation > div > ul > li.current-menu-item > a {
      background: black;
      color: white;
  }

  I hope this helps. Let me know if you need further help.

• 

  staff-mckluskey · Staff · Jul 1, 2020 at 11:13 am

  • Copy link

  @martimerja, remember that if you need more help, with your plan you can access Live Chat directly via https://wordpress.com/help/contact.
  That way you can get help faster.

• 

  martimerja · Member · Jul 1, 2020 at 8:34 pm

  • Copy link

  Thank you!!! :)