Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 24, 2014 at 4:54 pm #214490
    zerozendesign

    Hi guys,

    I am starting this as its own thread since the other has apparently fallen off the radar. If you take a look at http://codelessme.com/casey/abstracts/ and /figures, on tablet and smartphone, the 4th row center image is displaying with a different height than the others. This is causing 2 white spaces to appear on tablet and smartphone. Ismael helps resolve on desktop, but these two issues still exist.

    I was provided with

    @media only screen and (max-width: 767px) and (min-width: 480px) {
#top div .avia-gallery img {
max-height: 132px;
}
}

    on the 21st by Ismael, but it did nothing. Any more help would be greatly appreciated. This is the only speed bump keeping this project from completion.

    Thanks,
    David

    January 25, 2014 at 3:29 am #214686
    Ismael

    Hey David!

    The code above target the mobile screens like iPhone etc. Please add this below:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
#top div .avia-gallery img {
max-height: 217px;
}
}

    Best regards,
    Ismael

    January 25, 2014 at 3:36 am #214688
    zerozendesign

    Hey Ismael.
    Have now added the new snippet and getting the same results. It is that single image on both galleries for some strange reason.

    This is now what I have in total for this image ordeal

    #top div .avia-gallery img {
max-height: 333px;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
#top div .avia-gallery img {
max-height: 132px!important;
}
}

@media only screen and (max-width: 989px) and (min-width: 768px) {
#top div .avia-gallery img {
max-height: 217px;
}
}
    January 25, 2014 at 3:43 am #214691
    Devin

    Please don’t create duplicates like this. We are getting an abnormal spike in support requests so things will be delayed.

    I’m closing this one so the other can be picked up where it was left off.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold > Gallery > Mobile > White Space’ is closed to new replies.