title: Wordpress how to make toggle menu toggled on
body: <p>I would like to make the menu links visible (I don't have many of them) when on mobile device.
  Is there a way to have the menu toggled on by default?
  I'm using twenty thirteen WP theme This was working until sometime recently, maybe an update changed things?</p>
  
  <p>I am not very knowledgeable with jquery but I put this code into my header's head but it doesn't seem to be working:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt; 
  
  // Toggles small menu
  jQuery(document).ready(function($) {
  $( '#site-navigation' ).toggleClass( 'toggled-on' );
  } );
  
  &lt;/script&gt;
  </code></pre>
  
  <p>OR maybe there is some other way?</p>
  
  <p>Here is some of the css I used with the elements:</p>
  
  <p>This is some css that I have put in currently:</p>
  
  <pre><code>.nav-menu li a {
      padding: 7px 20px!important;
  }
  
  .menu-toggle {
      display:none;
  }
  .toggled-on {
  display: block;
  }
  
  .toggled-on .nav-menu, .toggled-on .nav-menu &gt; ul {
  float: right;
  padding-bottom: 7px;
  width: 150px;
  }
  .toggled-on .nav-menu li a:hover,
  .toggled-on .nav-menu ul a:hover {
      background-color:#FFF!important;
      color: #df3926;  /* WEBSITE RED */
  }
  </code></pre>
  
  <p>EDIT:
  Solved it! I put the jquery code above into the footer and wrapped it with jQuery(document).ready(function($) and now it's calling it and working </p>