title: Full screen Overlay Navigation on mobile only
body: <p>This is more looking for source material, as I cannot find a working example of what I am looking for.  I have a Wordpress menu display regularly as inline links. However, when I go to mobile size screens I want it to turn nto a hamburger menu which overlays fullscreen over the content when open.</p>
  
  <p>I can only seem to find menus that do one or the other.</p>
  
  <p>I'm currently bringing in the menu with typical wp code</p>
  
  <p>html</p>
  
  <pre><code>&lt;?php wp_nav_menu( array( 'container_class' =&gt; 'main-nav', 'theme_location' =&gt; 'primary' ) ); ?&gt;
  </code></pre>
  
  <p>Looking to essentially create something like the demos on <a href="http://tympanus.net/Development/FullscreenOverlayStyles" rel="nofollow noreferrer">tympanus.net/Development/FullscreenOverlayStyles</a> 
  but full screen I want the links to show on top </p>