Craig Rogers

Craig Rogers

Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • in reply to: Masonry not working properly in Safari #11914
    Craig Rogers
    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;
    }
    in reply to: Masonry not working properly in Safari #11894
    Craig Rogers
    Participant

    Hi MG,

    Thank you for your reply. The first banner always displays correctly. The problem occurs when you scroll past the first infinity scroll screen. Are you not seeing the issue there? The image below is a screenshot from the second “set” of posts – about the 18th post. My guess is masonry/imagesloaded is not calculating the absolute position correctly, because it’s not reading that image’s height dimensions before rendering the layout. I just don’t know why that would be happening in this case. Any guidance you can give will be appreciated.

    Thank you!

    rented lifestyle

    in reply to: Masonry not working properly in Safari #11883
    Craig Rogers
    Participant

    Thank you for looking into this! The site is http://rentedlifestyle.z.pressplatform.com

    in reply to: Masonry not working properly in Safari #11867
    Craig Rogers
    Participant

    PS: The include is simply a call to the placeholder image
    <img src="http://placehold.it/350x250" />

Viewing 4 posts - 1 through 4 (of 4 total)