CODEWITHSUNDEEP
phpjqueryhtmlcsstwitter-bootstrap-3
Vivek
Vivek

Reputation: 1493

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

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.

Upvotes: 0

Views: 1869

Answers (2)

Kez
Kez

Reputation: 760

Use the bootstrap row class to split up your sections.

e.g.

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

Upvotes: 2

vivekkupadhyay
vivekkupadhyay

Reputation: 2891

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

Upvotes: 3

Related Questions