title: Navigate to an anchor on another page
body: <p>I simply want to navigate from one page to a specific point on another.</p>
  <p>I have a home page with four sections:</p>
  <pre><code>&lt;section&gt;
     &lt;a name=&quot;section1&quot;&gt;&lt;/a&gt;
  &lt;/section&gt;
  
  &lt;section id=&quot;section2&quot;&gt;
  
  &lt;/section&gt;
  
  &lt;section&gt;
     &lt;a name=&quot;section3&quot;&gt;&lt;/a&gt;
  &lt;/section&gt;
  
  &lt;section id=&quot;section4&quot;&gt;
  
  &lt;/section&gt;
  </code></pre>
  <p>Section 2 and 4 feature on every page, so my nav looks like:</p>
  <pre><code>&lt;nav&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;index.html#section1&quot;&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#section2&quot;&gt;APARTMENTS&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;index.html#section3&quot;&gt;LANDLORDS&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#section4&quot;&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>The links aren't navigating to the index page or the desired section of the index page.</p>
  <p>Now I have:</p>
  <pre><code>&lt;section&gt;
         &lt;a name=&quot;section1&quot;&gt;&lt;/a&gt;
  &lt;/section&gt;
  
  &lt;section id=&quot;section2&quot;&gt;
  
  &lt;/section&gt;
  
  &lt;section&gt;
     &lt;a name=&quot;section3&quot;&gt;&lt;/a&gt;
  &lt;/section&gt;
  
  &lt;section id=&quot;section4&quot;&gt;
  
  &lt;/section&gt;
  </code></pre>
  <p>And my navigation:</p>
  <pre><code>&lt;nav&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href=&quot;#section1&quot;&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#section2&quot;&gt;APARTMENTS&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#section3&quot;&gt;LANDLORDS&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href=&quot;#section4&quot;&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>It is still not working.</p>