title: How can I make the menu button visible on mobile wordpress site?
body: <p>I'm using a theme from BoldGrid called Vacation and it has some css that I edited but for some reason I am unable to change the menu button (the three lines that you click for a full menu) on mobile to be red (#960000) and white(#fff). Any ideas what I'm doing wrong? Where should I input the code for the colors? Right now the three lines are invisible until clicked.</p>
  
  <pre><code>/*-----------------------------------------------
  ## Main Menu
  -----------------------------------------------*/
  /* Typography */
  .navbar-default .navbar-nav {
      float: none;
      margin: 0 auto 10px;
  }
  
  /* Nav Center */
  .navbar .navbar-nav {
      display: inline-block;
      float: none;
      vertical-align: top;
  }
  
  /* Nav links */
  .navbar-default .navbar-nav &gt; li &gt; a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  /* Nav hover */
  .navbar-default .navbar-nav &gt; li &gt; a:hover,
  .navbar-default .navbar-nav &gt; li &gt; a:focus {
      background: none;
  }
  
  /* Nav active */
  .navbar-default .navbar-nav &gt; .active &gt; a,
  .navbar-default .navbar-nav &gt; .active &gt; a:hover,
  .navbar-default .navbar-nav &gt; .active &gt; a:focus {
      background: none;
  }
  
  /* Nav reset */
  .navbar {
      background: none;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
  .navbar-default {
      background: none;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
  }
  </code></pre>