changing hover colour and toggle menu

• 

  saj91 · Member · Apr 30, 2020 at 3:33 pm

  • Copy link
  • Add topic to favorites

  Hey there,

  I have tried very hard to change the hover colour of the nav, I do not want the blue. I also need to get rid of the blue that the nav changes to when shrunken down :)

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

• 

  kokkieh · Staff · May 1, 2020 at 10:09 am

  • Copy link

  Hi there,

  Remove the CSS that you have added already to try and change this, and replace with this instead:

  /* Change menu hover color */
  .site-header .main-navigation > div > ul > li:hover > a, .site-header .main-navigation > div > ul > li.focus > a, .site-header .main-navigation > div > ul > li.current-menu-item > a {
  	color: #dfd6c1;
  }

  To change the color of the menu button on mobile you can use this:

  /* Change color of mobile menu button */
  label#toggle-menu.button {
  	background-color: #dfd6c1;
  	color: #303030;
  }
  label#toggle-menu.button:hover {
  	color: #dfd6c1;
  	background-color: #303030;
  }