title: Fixed header overlays main content
body: <p>I am trying to <em>make my header fixed</em> for that in the header div I am adding <code>position:fixed</code> and <code>width:100%</code></p>
  
  <p>Now after doing this, my main content overlays on header. So as a fix, I found on search that in main-content div I can add margin-top equivalent to height of header.</p>
  
  <p>When I am doing this, I am getting my header shifted. As in suppose if I add margin-left as 100px. My header top shifts by 100px and main content still overlays on header content.</p>
  
  <p>Any fix?</p>