title: Using href to an id of a div
body: <p>I'm trying to use href to take me to a particular div with the id corresponding to what is in the <code>a href="#1"&gt;</code>. </p>
  
  <p>As an example I have the following three divs.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
  &lt;li id="1" class="cd-single-item cd-active"&gt;
      &lt;div class="cd-caption two-third-width"&gt;
       &lt;h2&gt;1.&lt;/h2&gt;
    &lt;div style="height: 100px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/li&gt;
  &lt;li id="2" class="cd-single-item cd-not-visible cd-move-right"&gt;
   &lt;div class="cd-caption two-third-width"&gt;
        &lt;h2&gt;2.&lt;/h2&gt;
    &lt;div style="height: 100px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/li&gt;
  &lt;li id="3" class="cd-single-item cd-not-visible cd-move-right"&gt;
   &lt;div class="cd-caption two-third-width"&gt;
        &lt;h2&gt;3.&lt;/h2&gt;
    &lt;div style="height: 100px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I have the site in mobile mode, the href's correctly go to the corresponding list item. In normal desktop mode, it doesn't however.</p>
  
  <p>There is a link to the site here. <a href="https://what-is-wrong-with-this-css.herokuapp.com/" rel="nofollow noreferrer">https://what-is-wrong-with-this-css.herokuapp.com/</a></p>
  
  <p>The links should be coming from the menu icon in the top left hand corner. See how it correctly goes to the list item in mobile but not in desktop. Does anyone know any quick fixes here.</p>
  
  <p>Thanks,</p>