Href链接不适用于移动视图。 半页href链接有效

Question

I have a website www.tellmequotes.com . Its working fine over the desktop view but when i check it on my Samsung s3 most of the links are not working. If you open the page there are some author images you can click over them if you are on desktop but when its on mobile view it is not working. I removed the infolinks script but still it is not working. Site is divided into 2 column that Left side column is creating issue.

If you scroll down on mobile and when it goes to "Celebrate" point than you will see images are clickable but above images are not.

Answer 1

For a quick solution you can use this class 'authorbox' on devices as you've used it for each box.

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

Answer 2

Use the bootstrap row class to split up your sections.

eg

<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>