Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 11, 2014 at 6:42 pm #208425
    ribanezg

    Hello again Kriesi team,

    I am testing fullwidth masonry gallery but i have problems to adjust the design to different resolutions.

    Test1, with 6 images 500×315 px, with perfect automatic masonry and 1 pixel gap configuration.

    – In a laptop the masonry gallery shows 2 images per row fullwidth, perfectly
    – In a tablet the masonry gallery shows 1 image per row, showing a background in grey to complete the fullwidth, not very perfect and responsive

    I tested with different image sizes, but when the masonry gallery shows perfectly in the laptop with 16:9 resolution, do not show very perfect and responsive in a tablet with 4:3 resolution. When the masonry galley shows perfectly in a tablet, do not show very perfect in a laptop.

    Is there any way to force two images fullwidth per row in any resolution?

    Thanks in advance for your time.

    Regards, Raul Ibañez.

    January 12, 2014 at 6:08 am #208604
    Devin

    Hey Raul!

    The whole idea of the masonry gallery is that it fits to any resolution. For right now, the specific number of columns or number of items per row isn’t customizable from the theme options.

    You can adjust the width of the masonry items with something like:

    .av-masonry-entry {
width: XX% !important;
}

    Changing the XX for a percent. If you want it to be for a specific browser size then you can wrap it in a media query: http://css-tricks.com/css-media-queries/

    Cheers!
    Devin

    January 12, 2014 at 12:18 pm #208632
    ribanezg

    Hello Devin,

    Now the masonry gallery shows perfectly, 2 images per row, in a laptop with 16:9 resolution and in a tablet with 4:3 resolution,adjusting the width of the masonry items to 50%.

    .av-masonry-entry {
    width: 50% !important;
    }

    Thanks for your help.

    Regards, Raul Ibañez.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Fullwidth masonry gallery responsive with any resolution screen’ is closed to new replies.