Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 25, 2016 at 11:41 am #677448
    jonnyckk

    We have a site with 4 individual masonry gallery elements in a row set to display 1 image each. We have it like this because each one has a number of link-relevant images inside that are randomised so that a different image appears on each load. This is the code in functions.php to randomise the images.

    add_filter('avia_masonry_entries_query', 'avia_random_image_query', 10, 2);
function avia_random_image_query($query, $params)
{
    if(!empty($query['post_mime_type']) && $query['post_mime_type'] == 'image')
    {
        $query['orderby'] = "rand";
    }

    return $query;
}

    We have used this code to stretch each masonry entry to the full width of a 1/4 column:

    .page-id-278 .av-masonry-entry
{width: 100%;}

    This works on desktop and mobile but the problem is that on tablet (or when the browser is around that width) the elements don’t stack correctly.
    See attached screenshots.

    Thanks.

    August 29, 2016 at 2:30 pm #678913
    Yigit

    Hey jonnyckk,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.