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
Is there something that can be done to correct this?
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
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.
It does the same thing on Chrome if you narrow the browser width to a similar size of an iPhone.
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
Thanks. Seems to work.