Okay
  Public Ticket #163419
Gallery lightbox portrait/landscape on iPad
Closed

Comments

  • Igor started the conversation
    February 14, 2014 at 5:51pm
    Hi, Gallery lightbox, when viewed on iPad, are revealed much larger depending on physical iPad rotation. If you hold iPad in portrait mode, it will show lightbox portrait images larger and landscape smaller, and other way around if you hold the iPad in a horizontal mode. The result is that some images appear much larger than other and therefore not as crisp as smaller ones. Is there a way to control lightbox image size for iPad, so that images are always the same size, regardless how one is holding the iPad? I don't mind if the image appear smaller as long as it's the same 'size' regardless on physical iPad rotation. I hope this makes sense. Cheers and thank you! Igor
  •  1,077
    ThemeNectar replied
    February 17, 2014 at 1:55pm

    Hey Igor!

    Try entering something like this into the custom css box in your theme options panel

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
   #pp_full_res {
      max-width: 600px!important;
   }
}

    Cheers :)

  • Igor replied
    February 17, 2014 at 7:18pm

    Thanks. Sorry, do you mean custom CSS under Salient/gen. settings OR custom CSS of the actual gallery page?

    I tried both but it doesn't work. Same as before on iPad. Horizontal photos are streched across the screen while portraits are very small in comparison.

    :-( cheers

    igor

  •  1,077
    ThemeNectar replied
    February 19, 2014 at 9:26am

    Hey again Igor - I was referring to the css box in the Salient options panel > General settings tab. Try using this instead:

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
   div.pp_pic_holder {
       width: 400px!important;
   }
   .pp_content {
       width: 100%!important;
   }

   #fullResImage {
       height: auto!important;
       width: 100%!important;
   }
}

    if that doesn't work please allow me to log in so I can check on it for you :)

    Cheers

  •   Igor replied privately
  •  1,077
    ThemeNectar replied
    February 21, 2014 at 12:38pm

    Just added the snippet back and mended it a bit. Please check it out now :)

  • Igor replied
    February 21, 2014 at 2:29pm

    Thanks very much man! It works! Appreciate it.

    Igor