title: Single page wordpress template. How to create new section in css
body: <p>I'm just curious about how this is done as eventually I want to develop my own single page wordpress theme. </p>
  
  <p>I've seen themes that are all on one page but just scroll down, and as you add a new menu item (or page) it adds a new css section to the page. An example can be seen on this template demo: <a href="http://trendis.si/wp-themes/responsive/" rel="nofollow">Wordpress In-Motion theme</a> As you can see, you click the menu links and it takes you down to that section. In the css it adds #news or #about-us</p>
  
  <p>Can someone explain to me how this is created as a function when designing a wordpress theme?
  Sam</p>