Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #182102

    Hi,

    As the title says, when you click on an image using iPhone or iPad the lightbox doesn’t adjust or resize the image correctly. Even on the demo website here: http://kriesi.at/themes/enfold/2013/10/21/the-lone-balloon/

    You can see in the screenshot I took while using the demo site. It does the same thing on my website.
    http://i.imgur.com/pKW4G00.png
    Example Image

    Is there something that can be done to correct this?

    #182413

    Hey kylehogan!

    Please go to wp-content\themes\enfold\js\prettyPhoto\js folder and open jquery.prettyPhoto.js file and make sure allow resize in following line is set to true

    allow_resize:true,allow_expand:true

    Cheers!
    Yigit

    #182497

    I just checked the jquery.prettyPhoto.js file. It was already set to true which is probably the default for the template.
    By the way, the screenshot in my post is from the demo page for Enfold, not my personal website, although it does the same thing on my website. So it’s an issue in the template’s coding. Could you have someone look into this and find a solution?
    Thank you.

    • This reply was modified 11 years ago by kylehogan.
    #182499

    It does the same thing on Chrome if you narrow the browser width to a similar size of an iPhone.
    chrome image
    chrome image 2

    • This reply was modified 11 years ago by kylehogan.
    #182787

    Hey!

    All of those images show the image responding actually. There is some css issues however which the following should help clean up:

    
    @media screen and (max-width: 767px){
    .pp_details, div.pp_default .pp_details {
        background: transparent;
        position: inherit;
    }
    }
    
    

    Cheers!
    Devin

    #183111

    Thanks. Seems to work.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Lightbox images on iPhone or iPad don't resize’ is closed to new replies.