Href链接不能在移动视图上工作.半页href链接工作


Href links are not working on mobile view. Half page href links are working

我有一个网站www.tellmequotes.com。它在桌面视图上工作得很好,但是当我在我的三星s3上检查它时,大多数链接都不起作用。如果你打开页面,有一些作者的图像,你可以点击他们,如果你是在桌面,但当它在移动视图是不工作。我删除了infolinks脚本,但仍然不工作。网站分为两栏,左边栏是创建问题。

如果你在手机上向下滚动,当它到达"庆祝"点时,你会看到图像是可点击的,但上面的图像是不可点击的。

对于一个快速的解决方案,您可以在设备上使用这个类'authorbox',因为您已经为每个盒子使用了它。

.authorbox {
    position: relative;
    z-index: 5;
}

使用bootstrap row类来拆分您的部分。

<div id="quotesList">
  <h2 class="bigh2">Trending Authors</h2>
  <div class="row">
    <div class="col-md-12">
      <div class="row">
        <div class="col-md-2 col-xs-6 authorbox text-center"></div>
        <div class="col-md-2 col-xs-6 authorbox text-center"></div>
        <!--etc-->
      </div>
    </div>
  </div>
</div>