Home › Forums › Pro Version › Masonry not working properly in Safari › Reply To: Masonry not working properly in Safari
May 13, 2016 at 12:58 am #11914
Participant
Thanks for helping out!
Just to follow up for anyone else who might have this issue, I resolved it by putting the ad container dimensions inline in layout.php so masonry could read them with each new page render. This was the HTML that worked:
<div class="wmle_item_holder <?php echo $shortcodeData['wmlo_columns'] ?>" style="display:none;">
<div class="wmle_item">
<div class="ads" style="width:100%; max-width:320px; height:250px;; margin: 0 auto 20px; padding: 10px; text-align: center;">
<?php include ('ads.php'); ?>
</div><!-- ads -->
</div><!-- wmle_item -->
</div><!-- EOF wmle_item_holder -->
I added this to the theme style.css to make the images responsive:
.ads img {
width: 100%;
height: auto;
}