title: Header not sticking to the top of the screen
body: <p>I am working on this website for mobile: <a href="https://hannelorefischer.com" rel="nofollow noreferrer">hannelorefischer.com</a></p>
  
  <p>However, the header isn't sticking to the top of the screen.
  Here's my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="show" style="position: -webkit-sticky; position: sticky;  top: 0; display:none; margin-top: 250px; text-align: center; font: Italic 18px/29px 'pensumpro-book'; letter-spacing: 0px; color: #000000; opacity: 1;"&gt;&lt;a href="#aktuelles"&gt;Aktuelles&lt;/a&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;a href="#buecher"&gt;Bücher&lt;/a&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;a href="#texte"&gt;Texte&lt;/a&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;a href="#biographie"&gt;Biographie&lt;/a&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I might be wrong here, but I believe it stops working when the container div is closed.</p>
  
  <p>Also, I'm summoning the header section with a <code>.load()</code> jquery.</p>
  
  <p>Any ideas?</p>