Hi,
Unfortunately the prettyPhoto library is not fully responsive in this plugin. If you need a better responsive option please take a look at our Lightbox Ultimate plugin:
https://www.tipsandtricks-hq.com/wordpress-lightbox-ultimate-plugin-display-media-in-a-fancy-lightbox-overlay-3163
You can try the following solutions if you like.
Solution 1:
Add width=100% to the HTML code of the src image and it will make it responsive.
Solution 2:
You can try changing the value in the code from the following file /js/jquery.prettyPhoto.js located inside the free plugin. Change the value from 200 to 40 as illustrated in the example below.
if((pp_containerWidth > windowWidth)){
imageWidth = (windowWidth - 40);
imageHeight = (height/width) * imageWidth;
}else if((pp_containerHeight > windowHeight)){
imageHeight = (windowHeight - 40);
imageWidth = (width/height) * imageHeight;
}else{
fitting = true;
};
Let me know how you go.
Thank you
-
This reply was modified 5 years, 1 month ago by mbrsolution.