Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 19, 2015 at 7:32 am #461708
    philippott

    Hi

    I am using prettyPhoto Lightbox to open external pages in a iframe. For this I use the following code:

    <a class="block-link mfp-iframe lightbox-added" href="/apotheke-unterland/?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Link</a>

    But I have a problem with smartphones. The lightbox is not 100% in height. It is more something like 20%. You can test that when you resize the browser window.

    I hope there is somebody who can help me out. Thank you.

    Regards,
    Philipp

    June 19, 2015 at 8:19 am #461726
    Basilis

    Hey philippott!

    Hello, that happens because users will need to scroll on it, to see the content.
    You can use the following

    @media only screen and (max-width: 768px)  {
div.container {
height: 100%;
}
}

    Give it a try, let me know if I understood correctly your request.
    Cheers!
    Basilis

    June 22, 2015 at 8:18 am #462475
    philippott

    Hi Basilis

    Thank you for your answer. Unfortunately your css does not solve my problem. The lightbox does not open in 100% height.
    Here you can find a picture which describes the problem: https://www.dropbox.com/s/4rjqul5btusbjg0/hight.jpg?dl=0 On the left hand side you see our page in which the lightbox is to small in height. On the right hand side you see the example on no margins for error site.

    Best regards,
    Philipp

    June 22, 2015 at 12:38 pm #462674
    Ismael

    Hi!

    Please use this in the Quick CSS field:

    .mfp-iframe-holder .mfp-content, .mfp-iframe-holder .mfp-content iframe {
  min-height: 500px !important;
}

    You can adjust the value if you want. Please test it on actual mobile device screen size. On the screenshot, you decrease the browser width without decreasing the height which will not properly emulate an actual mobile device.

    Best regards,
    Ismael

    June 22, 2015 at 1:47 pm #462758
    philippott

    Hi Ismael

    Thank you, the works perfectly! That is what I was looking for. Thank you very much :-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘prettyPhoto iframe height’ is closed to new replies.