title: How to go some pixels down from the "id" when you clicked an option in a web page?
body: <p>This code is an option from the menu bar of the web page that Im designing.</p>
  
  <p><code>&lt;li class="about"&gt;&lt;a href="#about"&gt;Nosotros&lt;/a&gt;&lt;/li&gt;</code></p>
  
  <p>After I clicked the option, I want that it goes X pixels down from the <code>id=about</code> that it will go.</p>
  
  <p>How can I do that? Im a beginner and I will really appreciate your help.</p>