Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 17, 2015 at 3:51 am #397214
    MattLalande

    Hey guys, I’m hoping you can help, i’m having issue with the stacking of items within my portfolio grid on the homepage (http://www.mattlalande.com/). They’re supposed to fit back to back with no margin or padding row to row and column to column, but when i enter the page after clearing my cache i get 2 different result.

    1. The rows are separated by around 30px on desktop, until you click on none of the filters then it goes back to how it should look.
    2. Sometime all the elements in the grid seem to stack up and overlap one another, with the 4 icons that sit below overlapping as well.

    Have you any idea what the issue might be?

    Much appreciated.

    February 17, 2015 at 9:44 am #397311
    Josue

    Hi!

    I’m not seeing that 30px separation on my end (http://screencast.com/t/bGtp5K0jlSNS), can you post a screenshot of your view?

    Regards,
    Josue

    February 21, 2015 at 12:20 am #399952
    MattLalande

    Hi Josue,

    I’ve taken screen shots of both of the situations, one with the overlap, and the other with the 30px-ish gap between the items.

    See images here:

    https://www.dropbox.com/sh/blwpz9qa4oz20de/AABwLALzzLD2axeRiqVX4aSua?dl=0

    Thanks.

    Matt

    February 21, 2015 at 12:33 am #399957
    Josue

    Hi,

    Try adding this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$(this).trigger('resize');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Regards,
    Josue

    February 25, 2015 at 1:53 am #401820
    MattLalande

    That seems to have done the trick! Thank you so much Josue!

    February 25, 2015 at 8:14 am #401892
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    February 25, 2015 at 5:12 pm #402177
    MattLalande

    Hi Josue,

    So i thought it had fixed the issue, but i checked out the site on my iPad yesterday and i still have the same issues, see below:

    https://www.dropbox.com/sh/blwpz9qa4oz20de/AABwLALzzLD2axeRiqVX4aSua?dl=0

    You’ll also see in one instance, the footer is being pulled up above the bottom of the portfolio grid.

    Any suggestions?

    Thank you!

    Matt

    March 2, 2015 at 1:29 am #404208
    MattLalande

    Hey Josue,

    Wondered if you had any more thoughts on the problem, it seems to be persisting, along with another issue of uneven project squares. I’ve included more sample imagery in the Dropbox folder link:

    https://www.dropbox.com/sh/blwpz9qa4oz20de/AABwLALzzLD2axeRiqVX4aSua?dl=0

    I would really Really appreciate your help.

    Cheers

    Matt

    March 2, 2015 at 4:21 am #404246
    Josue

    Hi,

    Can you please create me a WordPress administrator account? post it here as a private reply.

    Regards,
    Josue

    March 2, 2015 at 5:02 pm #404564
    MattLalande

    Hi Josue,

    I actually managed to figure it out. I had a plugin installed (BJ Lazy Load) which seemed to be conflicting with the Portfolio Gallery. I deactivated it and now it’s working fine.

    With regards to the image size issue – i was able to upload a larger image that prevented that from happening.

    Thanks for the response though.

    Matt

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Portfolio Grid stacking incorrectly’ is closed to new replies.