Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 21, 2014 at 12:08 am #212480
    hyperstream

    You can see the problem that I am having here: http://gtjoinery.co.uk/ When I zoom out in the browser the gallery is aligned left. We want to be able to center this so it looks good on all browser sizes.

    January 21, 2014 at 1:36 am #212501
    Ismael

    Hi hyperstream!

    You should probably add another item or use this on Quick CSS to move the items to the right:

    .av-masonry-entry.av-masonry-item-loaded {
margin-left: 10%;
}

    Use media queries to target different screen sizes.

    Regards,
    Ismael

    January 21, 2014 at 3:11 am #212581
    hyperstream

    Hi Ismael,

    I was hoping for a simpler solution than using media queries.

    January 21, 2014 at 3:12 am #212582
    hyperstream

    Can I use media queries to load more or less images depending on size?

    January 23, 2014 at 4:54 pm #213937
    Devin

    Hey!

    When you say “zoom” do you mean the actual browser zoom? If so a media query wouldn’t actually support that as far as I know. The individual browsers zoom level isn’t something the theme has support for for the most part.

    With the masonry script, its container is just set to be the full width of the screen and will only recalculate when the screen is re-sized so after zooming the user would need to re-size the window to get it to readjust.

    Regards,
    Devin

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Fullwidth Masonry Gallery centering’ is closed to new replies.