Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 21, 2015 at 7:36 pm #556142
    djshortkut

    I have a masonry gallery on this page and have some formatting issues I need help with:

    1. On my iPad in portrait mode I have a 1px gap on the right hand side (see image) How can I remove?

    2. On my iPad in landscape mode I have several 1px gaps as indicated by the image attached. How can I remove?

    Thanks!

    December 30, 2015 at 12:16 am #558292
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .av-masonry-entry{
width:25%;
}

    Cheers! 
    Josue

    December 31, 2015 at 1:28 am #558614
    djshortkut

    Thank you Josue! That fixed the gap on the right on my iPad in portrait mode. There are still gaps on my iPad in landscape mode. How can I fix these?

    December 31, 2015 at 12:22 pm #558699
    Josue

    Hi!

    Try adding a few more 3s to this code you have in Quick CSS:

    @media only screen and (min-width: 1024px) and (max-width: 1799px) {
  .av-masonry-entry {
    width: 33.3333333333%;
  }
}

    Regards,
    Josue

    December 31, 2015 at 6:47 pm #558734
    djshortkut

    Thank you Josue, that fixed it! You can close this thread.

    December 31, 2015 at 10:07 pm #558760
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    January 5, 2016 at 12:50 am #559597
    djshortkut

    Hey Josue,

    Since this thread isn’t closed yet, I noticed I am also having the same issue when I pull up this page on my iPhone in portrait mode and landscape mode where there is a 1px gap between some of the images. (See attached images) Can you please let me know how I can fix this. Thanks!

    • This reply was modified 8 years, 10 months ago by djshortkut.
    January 7, 2016 at 9:49 am #561077
    Vinay

    Hey!

    Hi it’s not an issue in the iphone but the masonry is trying to resize images dynamically and adjust it to fit proportionally on screen. So when you re-size the browser window at different width depending on the image size sometimes its showing that 1px gap. since it is coming dynamically from masonry script i will notify our developer team and we will release a fix in one of our future updates.

    Cheers!
    Vinay

    June 30, 2016 at 11:07 pm #655482
    djshortkut

    I figured out a different solution. You can close this thread.

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