title: HTML anchor only works in certain section
body: <p>I am creating a website for my family business and have run into an issue. The "Photo Gallery" link in the navbar does not work, as if there is no target, but the link in the banner works perfectly fine. The other navbar links also work without issue.</p>
  
  <pre><code>&lt;div class="navbar-wrapper"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="top-nav"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;a class="navbar-brand" href="#home"&gt;Cafe&lt;/a&gt;
                      &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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="navbar-collapse  collapse"&gt;
                      &lt;ul class="nav navbar-nav navbar-right scroll"&gt;
                          &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="gallery.html" target="_blank"&gt;Photo Gallery&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#menu"&gt;Menu&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#reviews"&gt;Customer Reviews&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#map"&gt;Map&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="home"&gt;
      &lt;div class="banner"&gt;
          &lt;img src="images/IMG_4030..jpg" alt="banner" class="img-responsive"&gt;
          &lt;div class="caption"&gt;
              &lt;div class="caption-wrapper"&gt;
                  &lt;div class="caption-info"&gt;
                      &lt;i class="fa fa-coffee fa-5x animated bounceInDown"&gt;&lt;/i&gt;
                      &lt;h1 class="animated bounceInUp"&gt;Cafe&lt;/h1&gt;
                      &lt;p class="animated bounceInLeft"&gt;Hot coffee, bagels, sandwiches, platters, and catering.&lt;/p&gt;
                      &lt;a href="gallery.html" class="button"&gt;View Our Photo Gallery&lt;/a&gt;
                      &lt;br&gt;&lt;br&gt;
                      &lt;a href="#menu" class="explore animated bounceInDown"&gt;&lt;i class="fa fa-angle-down  fa-3x"&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>That is all of the relevant code... I am been looking on google but maybe I am searching the wrong tags. Thank you in advance.</p>