(2014-10-27, 18:10:41)moped Wrote:(2014-10-26, 15:31:03)Tania Wrote: Any ideas on how I can fix this? I appreciate any and all help! I have checked the prettyPhoto site and haven't found the answer there.That's not the plugins fault, it's the job of your responsive css-file.
You can catch it with
Code:@media (max-width: 480px)
or
@media (max-width: 767px)
for example.
Depends on the screen size.
You can find a good method to test in Firefox Extras-Menu->Web-Developer, where you can test different screens.
If you have defined a screen width like above, it will be shown correct.
Edit: It's possible I'm wrong, because I'm not on Apple machines. ;o)
Thanks for trying, moped. But that didn't help. I've been googling this issue and it seems that prettyPhoto doesn't work well with iPhones. In the PP js file, there is an auto-resize setting. If set to true, it should detect the screen size and resize the slideshow automatically. It works on all the other smartphones I've tested, except the iPhone.
I wonder if anyone else encountered this issue and what they did to resolve it.
Update: after a lot of research on the internet, I found out that there is an issue with the iOS. I haven't found any resolution, except to turn off prettyPhoto just for the iPhone and let it display enlarged images in a new tab. The code for this is on the 'net somewhere, but I've already cleared my history.