title: Making the menubar and logo follow the webpage when scrolling
body: <p>I am trying to make my logo and manu bar to follow my page as i scroll down the page, </p>
  
  <p>Currently this is what i have. </p>
  
  <p>CSS is; </p>
  
  <pre><code>html,body {
  background-image:url(../img/background.png);
  background-size:cover;
  background:fixed;
  }
  
  
  #bar {  
  margin-top:55px;
  width: 1920px center;
  height: 30px;
  background: #2E2E2E;
  border: 3.2px groove #FFD700;  
  }
  #logo { 
  position:absolute;
  background-image:url(../img/LOGO1.png);
  background-size:150px;
  width:150px;
  height:150px;
  margin:0 auto;
  z-index:1;
  top:0px;
  margin: 0 auto;
  left:0px;
  right:0px;
  }
  #middle
  {
  height:10000px;
  }
  </code></pre>
  
  <p>and for HTML: </p>
  
  <pre><code>&lt;/head&gt;
  &lt;body&gt;
  &lt;div id="logo"&gt;
  &lt;/div&gt;
  &lt;div id="bar"&gt;
  &lt;/div&gt;
  &lt;div id="middle"&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So please what would i need to change to make both 'bar' and 'logo' follow my scroll. </p>
  
  <p>thankyou for you help </p>