title: Maintaining the same css of for multiple pages "mini bar" if its being shown
body: <p>I have a few html pages all designed the same. There is a side menu bar and when a button is pressed it closes and makes it a "mini-bar" if the button is pressed again its normal size. It works perfectly the only problem is when you move to the next page it automatically goes back to the "full version" is there a way to have the same state stick between pages so that if you have the mini-bar on the first page when you go to the next page the mini-bar is still there and not resetting?</p>
  
  <pre><code>&lt;body class="pace-done mini-navbar"&gt;
  
  &lt;body class="pace-done"&gt;
  </code></pre>