title: How to build floating menu bar when scroll down
body: <p>When I scrolled down site display black menu bar at the top look like float bar.
  but I think there's jquery involved with this. I have tried CSS but seems not working for me like the way i want it to</p>
  
  <pre><code>#menucontainer {
      position:fixed;
      top:0;
      height: 250px
  }
  
  #firstElement {
      margin-top: 250px
  }
  </code></pre>
  
  <p>Here is the website basic idea of what I would like the menu to be like:</p>
  
  <p><a href="http://avathemes.com/WP/Hexic/" rel="noreferrer">http://avathemes.com/WP/Hexic/</a></p>