Can anyone lend a hand? I'm feeling incredibly frustrated trying to get respond.js to cooperate.
Typically, we have no issues with using it on our mobile sites. However, I am currently facing challenges trying to achieve mobile compatibility on one of our very old systems.
I've exhausted all possible solutions - trimmed down unnecessary code, experimented with alternatives to respond.js, attempted inline script placement, and even created a local copy. Despite my efforts, I can't seem to identify the elusive mistake at this moment.
Below is the pared-down code snippet - functions perfectly in Chrome as usual. It's evident that respond.js isn't functioning because when I place mobile styles in a media query, they remain inactive.
I've also tested all these methods on the server to rule out any local issues.
If someone could kindly point out the oversight, it would be greatly appreciated!
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" id="property-results">
<head>
<title>Search Results</title>
<link href="http://www.skitts.net/css/results.css" rel="stylesheet" type="text/css" />
<script src="http://searchtest.issl.co.uk/js/respond.js"></script>
</head>
<body>
<div class="property clearing">
<div class="property-info">
<span class = "address">CROWN STREET, WOLVERHAMPTON.</span>
<span class = "price">
<span class = "pre-price"></span>
<span class = "price-amount">£10,500 Annually</span>
<span class = "post-price"></span>
</span>
</div>
<a href="detailsLite.aspx?chainid=2047&propertyid=467168443" class="image" target="_blank" >
<img src="http://img.issl.co.uk/2047/008/thumbs/GRB-11MH0ZQA_3559464935.jpg" alt="Address" />
<div class="status let">Let</div>
</a>
<p class="description">SEPARATE STORAGE YARD To the north of the units is an adjacent fully enclosed storage yard with separate vehicular access extending to some 1,961 sq.yds. (0.4 a...</p>
<ul>
<li>0 Bed</li>
<li>0 Bath</li>
<li>0 Reception</li>
</ul>
<a href="detailsLite.aspx?chainid=2047&propertyid=467168443" class="more link" target="_blank">View full details and photography</a>
<div class="ref-more">
<span class="ref">REF: GRB-11MH0ZQA</span>
<a href="detailsLite.aspx?chainid=2047&propertyid=467168443" class="more button" target="_blank">See more</a>
</div>
</div>
</body>
</html>