title: favicon in html head not appearing correctly
body: <p>I have a favicon in the head of all the pages on my site. However it is not appearing on any of the pages in the main directory of my site.</p>
  
  <p>I have two versions of my site one for testing and one that is live for the public.</p>
  
  <p>In my root directory, all of the files have the following two lines:</p>
  
  <pre><code>&lt;base href='https://example.com/'&gt;
  &lt;link rel="shortcut icon" type="image/ico" href="web/favicon.ico"/&gt;
  </code></pre>
  
  <p>And in my beta directory:</p>
  
  <pre><code>&lt;base href='https://example.com/beta/'&gt;
  &lt;link rel="shortcut icon" type="image/ico" href="web/favicon.ico"/&gt;
  </code></pre>
  
  <p>I have verified that the image exists in both of these locations:</p>
  
  <pre><code>https://example.com/web/favicon.ico
  https://example.com/beta/web/favicon.ico
  </code></pre>
  
  <p>However it only works in my beta directory and I have no idea why. Any ideas or assistance with this would be greatly appreciated.</p>