title: Side navigation to move with scroll
body: <p>I want to make the side navigation menu to be in the most left center part of the page and when i scroll down i want it to move as well ( still in the most left center part ). </p>
  
  <p><a href="https://codepen.io/anon/pen/LQzRQG" rel="nofollow noreferrer">This is my code</a></p>
  
  <pre><code>&lt;div id="mySidenav" class="sidenav"&gt;
        &lt;a href="javascript:void(0)" class="closebtn" onclick="closeNav()"&gt;&amp;times;&lt;/a&gt;
        &lt;a href="#"&gt;Homescreen&lt;/a&gt;
        &lt;a href="#"&gt;Menu&lt;/a&gt;
        &lt;a href="#"&gt;Doggos&lt;/a&gt;
        &lt;a href="#"&gt;About&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div id="main"&gt;
        &lt;span style="font-size:30px;cursor:pointer" onclick="openNav()"&gt;&amp;#9776; Map&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>