Navigation menu bar colour issue on mobile view

• 

  emroyston · Member · May 9, 2017 at 6:36 am

  • Copy link
  • Add topic to favorites

  I changed the colour of my navigation bar using the code:

  /*Navigation background color*/
  .main-navigation {
  background-color: #69D2C1;
  }

  which works great on the webpage browser, but on a mobile device the there is the original colour still in a block on the central ‘Menu’ icon – heres a pic to demonstrate https://vgy.me/ViL0PR

  Would really appreciate any help!

  Cheers

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

• 

  hacchism · Staff · May 9, 2017 at 8:04 am

  • Copy link

  Hi there,

  The current background color for the navigation bar in your site seems to be not #69D2C1 but #74ccd1.

  Anyway, the issue on mobile devices can be resolved by the following CSS code. Please try this code.

  button.menu-toggle {
  background-color: #74ccd1;
  }

  If you have any further questions, please come back again anytime.
  Thanks :)

• 

  emroyston · Member · May 9, 2017 at 8:13 am

  • Copy link

  Sorry yes it was for my maidinchinadesign.com website not the emroyston.wordpress.com one.

  Thanks so much that has solved it!

  Thanks :)