title: Why are the links in this news ticker unclickable?
body: <p>I've attached my <strong>code</strong> below:</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-css lang-css prettyprint-override"><code>.scroll_news_label {
      position: absolute;
      /* margin-left: 1em; */
      background-color: #eba60b;
      z-index: 10;
      color: white;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      font-size: 1.1em;
      padding-left: 1em;
      padding-right: 1em;
  }
  
  .scroll_news_label_text {
      margin-left: 1em;
  }
  
  .news_scroll::before {
      content: "• ";
      color: #0087c0;
      margin-right: 2em;
  }
  
  .news_scroll:first-child::before {
      display: none;
  }
  
  .marquee {
      background-color: #f6f6f6;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  
  .marquee div {
      animation: marquee 40s linear infinite;
  }
  
  @keyframes marquee {
      0% {
          transform: translate(100%, 0);
          -webkit-transform: translateX(100%);
      }
      100% {
          transform: translate(-100%, 0);
          -webkit-transform: translateX(-100%);
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="scrollnews_wrapper"&gt;
      &lt;label class="scroll_news_label"&gt; &lt;span class="scroll_news_label_text"&gt; Latest News &lt;/span&gt;&lt;/label&gt;
      &lt;div class="marquee" onmouseover="this.stop();" onmouseout="this.start();"&gt;
          &lt;div&gt;
              &lt;a class="news_scroll" href="https://www.themigrantproject.org/europe-migrants-libya/"&gt; Europe should stop rescued migrants from being returned to Libya, says IOM &lt;/a&gt;
              &lt;a class="news_scroll" href="https://www.themigrantproject.org/greek-forces-push-migrants/"&gt; Greek forces push migrants back to Turkey violently, HRW says &lt;/a&gt;
              &lt;a class="news_scroll" href="https://www.themigrantproject.org/libya-europe-migrants/"&gt; Libyan coast guard intercepts 83 Europe-bound migrants &lt;/a&gt;
              &lt;a class="news_scroll" href="https://www.themigrantproject.org/sixty-migrants-died-in-turkey/"&gt; Sixty migrants assumed dead after boat sank in Lake Van &lt;/a&gt;
              &lt;a class="news_scroll" href="https://www.themigrantproject.org/turkey-intercepts-545-migrants-in-10-days/"&gt; Turkey intercepts 545 migrants in 10 days &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://www.themigrantproject.org/" rel="nofollow noreferrer">This site</a> has the news ticker below, the links are clickable on every page except the homepage, why is that?</p>
  <p>Everything was fine when I used marquee tag but now I rewrote it in CSS since that tag is deprecated and that happened.</p>