title: I have header fixed with 500px height. I want to scroll page when click on menu link but its going below header
body: <p>I want to scroll to section when click on menu link. I used "id" for each section.
  Page is scrolling but its showing next section or going to the end of page of which id is clicked. I am using bootstrap and I increased my header size nearly 300px and it is fixed at top.</p>