Suits Theme: Mobile menu bar color help

• 

  pipesruby · Member · Feb 8, 2015 at 5:57 am

  • Copy link
  • Add topic to favorites

  I can’t seem to figure out how to change the color on the menu bar in the mobile/tablet version.

  I’d like the colors to be the same as my desktop version when it compacts down to a clickable menu, but for some reason the menu button and the hovering changes colors.

  Image here: https://rubybrowne.files.wordpress.com/2015/02/screen-shot-2015-02-07-at-9-45-56-pm1.png

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

• 

  pipesruby · Member · Feb 8, 2015 at 5:58 am

  • Copy link

  I should clarify that the background of the selected item changes to the color of the MENU button in the picture.

• 

  staff-happychia · Staff · Feb 8, 2015 at 7:58 am

  • Copy link

  Could you try these styles:

  @media only screen and (max-width: 868px){
  .menu-toggle {
  background-color: #CECECE;
  }
  }
  
  @media only screen and (max-width: 868px){
  .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {
  background-color: rgba( 206, 206, 206, 0.8 );
  }
  }

• 

  pipesruby · Member · Feb 8, 2015 at 3:23 pm

  • Copy link

  Thanks, again!

  I did a little tweaking to keep the color of the words black, but this worked excellent.