Mobile menu not visible CSS question

• 

  featherandwind · Member · Aug 25, 2015 at 7:32 pm

  • Copy link
  • Add topic to favorites

  I’m having troubles with visibility. Because my blog has a white header and white navigation when I view the blog on tablet or mobile the three line menu button is not visible.

  I have scoured the forms for hours and everything I find, copy and paste into the CSS Customizer does not help.

  My other CSS is working I just can’t find anything to change this

  any advice?

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

• 

  michaelvandenberg · Member · Aug 26, 2015 at 8:32 am

  • Copy link

  Hi there,

  Nice website you have there!

  You should try this for the mobile menu button:

  .nav-toggle::before {
  	color: #2b3542!important;
  }

  When you hover the mobile menu items they also turn white. To fix that use this:

  .main-navigation li:hover > a,
  .main-navigation li:focus > a {
  	color: #13c4a5;
  }

  I hope this helps!

  Best regards,

  Michael

• 

  featherandwind · Member · Aug 27, 2015 at 12:54 am

  • Copy link

  Thank you very much my friend. I was under the impression that the main navigation bar was turning white because of the opacity transition. So I was going to have to cut that part out.

  You solve both my main problems. Thanks again