title: One of my website's navbar button is not jumping to the correct section of the screen
body: <p>This is my HTML for my Navbar buttons</p>
  
  <pre><code>&lt;button class="navbar-toggle" data-toggle = "collapse" data-target=".navHeaderCollapse"&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="collapse navbar-collapse navHeaderCollapse"&gt;
  
              &lt;ul class="nav navbar-nav navbar-right"&gt;
                  &lt;li&gt;&lt;a href="#Home" class="smoothScroll"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#About" class="smoothScroll"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#Portfolio" class="smoothScroll"&gt;Portfolio&lt;/a &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#Contact" class="smoothScroll"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>So when I click the portfolio button, it should jump to the portfolio section: this one</p>
  
  <pre><code>                &lt;a name="Portfolio"&gt;
              &lt;!-- &lt;section id="Portfolio"&gt; --&gt;
              &lt;div id="whitecontainer1"&gt;
                  &lt;h1&gt; Portfolio &lt;/h1&gt;
                  hello
                  &lt;br&gt;
                  &lt;br&gt;
                  &lt;br&gt;
                  &lt;br&gt;
                  &lt;br&gt;
  
              &lt;/div&gt;
              &lt;/a&gt;
  </code></pre>
  
  <p>But instead it jumps/scrolls to this section</p>
  
  <pre><code>&lt;section id="About"&gt;
              &lt;div id="redcontainer1"&gt;
                  &lt;div id="aboutinfo"&gt;
                      &lt;h2&gt;&lt;strong&gt;Ashpan Raskar&lt;/strong&gt;&lt;/h2&gt;
                      &lt;div id="aboutme"&gt;
                          I am an intuitive &lt;strong&gt; software developer&lt;/strong&gt;, and newly a
  &lt;strong&gt; web developer&lt;/strong&gt;. I began by learning Java at the age of 10 from an online
  YouTube series: "Java (Beginner) Programming Tutorials." Soon after I started becoming
  interested in &lt;strong&gt;Websites 
  and Web Design&lt;/strong&gt;, so I learned how to create websites with XHTML, but it was not at 
  all responsive and was bare to the bone.
                          &lt;br&gt;
                          &lt;br&gt;
                          From then a learned quite a few more languages such as Jquery,
  PHP, Javascript, C#, Ajax, etc, and I plan to learn Android Development as my next stage.
  
                          &lt;br&gt;
                          &lt;br&gt;
  
                          &lt;a target="_blank"class="btn btn-default" href="Ashpan_Raskar.pdf" role="button"&gt;Check out my Resume!&lt;/a&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>Any help is really appreciated, my code is on GitHub, you can see it here <a href="https://github.com/Ashpanr/Personal-Website-v1/" rel="nofollow">https://github.com/Ashpanr/Personal-Website-v1/</a>
  Thanks in advance </p>