title: Can I create a sticky menu bar with only HTML?
body: <p>I am wondering how i can create a sticky menu bar while scrolling using exclusively html codes. Is this even possible? Website of inspiration <a href="http://www.herschelsupply.com" rel="nofollow">http://www.herschelsupply.com</a>.</p>
  
  <p>For clarification... My menubar is consisting of "Plånböcker" "Kundtjänst" "Om Oss".</p>
  
  <p>My HTML code for the menubar is... </p>
  
  <pre><code>&lt;nav id="main_navigation"&gt;
      &lt;ul class="row"&gt;{{! Highlight "All items" if we are on a list page and no navigation item is selected }}
          &lt;li class="column {{#list_page}}{{#no_current_navigation}}selected{{/no_current_navigation}}{{/list_page}}"&gt; &lt;a href="{{store_url}}/products"&gt;
  
                  {{#navigation}}
                  &lt;li class="column {{#is_current}}selected{{/is_current}}"&gt;
                      &lt;a href="{{url}}"&gt;
                          {{label}}
                      &lt;/a&gt;
  
          &lt;/li&gt;{{/navigation}} {{#store_blog_url}}
          &lt;li class="column"&gt; &lt;a href="{{store_blog_url}}" target="_blank"&gt;
                          {{#lang}}Blog{{/lang}}
                      &lt;/a&gt;
  
          &lt;/li&gt;{{/store_blog_url}}
          &lt;li class="column"&gt;
              &lt;li class="column"&gt; &lt;a href="{{store_url}}/Kundtjänst"&gt;
                          Kundtjänst
                      &lt;/a&gt;
  
              &lt;/li&gt; &lt;a href="www.wingmanstore.se/Kundtjänst" target="_blank"&gt;
  
                  &lt;/a&gt;
  
          &lt;/li&gt;
          &lt;li class="column {{#about_page}}selected{{/about_page}}"&gt; &lt;a href="{{store_url}}/page/about"&gt;
                          {{#lang}}Om oss{{/lang}}
                      &lt;/a&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="search_container"&gt;{{search}}&lt;/div&gt;{{! By using #is_current within a #navigation block we can find the currently selected navigation item }} {{#navigation}} {{#is_current}} {{! Render the submenu if it has any navigation items }} {{#children?}}
      &lt;ul class="child_navigation row"&gt;{{#children}}
          &lt;li class="column"&gt; &lt;a href="{{url}}"&gt;
                          {{label}}
                      &lt;/a&gt;
  
          &lt;/li&gt;{{/children}}&lt;/ul&gt;{{/children?}} {{/is_current}} {{/navigation}}&lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>