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

Comments

  • Igor started the conversation
    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,069
    ThemeNectar replied

    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

    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,069
    ThemeNectar replied

    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,069
    ThemeNectar replied

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

  • Igor replied

    Thanks very much man! It works! Appreciate it.

    Igor