Can't click on linked image in full screen size

[lesliekirk]

I don't know why, but I had to add a freaking z-index to the style tag for each of these divs. Something truly squirelly going on. I'm now having problems with the style that ReadyTheme inserts being ignored on a single page. I'm triple checking for any broken divs or bad HTML but it seems reason strange that page is overruling in favor of CSS coming from the bootstrap.css file instead of the style.css and even the inline CSS....argggghhhhh!

[lesliekirk]

I'd provide a link, but it's a dev site in maintenance mode.

[lesliekirk]

This is one of the oddest things I have encountered while trying to use the Bootstrap Framework AKA Base ReadyTheme. On a category page I was replacing an old table layout with divs

<div style="border: solid 4px #000000; background-color:#FFFFFF;">
  <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Flat"><img src="/images/Flat_doors.gif" class="img-responsive"></a></div>
  <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Raised"><img src="/images/RaisedPanel_doors.gif" class="img-responsive"></a></div>
  <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Mitered"><img src="/images/Mitered_doors.gif" class="img-responsive"></a></div>
  <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Mission"><img src="/images/Mission_doors.gif" class="img-responsive"></a></div>
  <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Beadboard"><img src="/images/bead_doors.gif" class="img-responsive"></a></div>
  <div class="col-md-12 col-sm-12 col-xs-12" style="text-align:center; margin-bottom:20px;"><img src="/images/GlassDoors2.jpg" class="img-responsive"></div>
  <div style="clear:both;"></div>
</div>

When the screen size is in that xs small range, all the links work, full screen they don't.