Pop size on Mobile is tiny

Hi, unfortunately this plugin is not fully responsive. However you can try the following code.

Changed the settings in js/jquery.prettyPhoto.js inside the free plugin. Changed the following value from 200 to 40 as per 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;
};

If the above does not work someone in the forum suggested the following.

There’s no need to edit the js, just add width=100% to the HTML code of the src image and it is completely responsive.

Let me know if any of the solutions above work for you.

Is there a similar HTML trick for my site? I’ve got a handful of buttons that open using WP LightBox by inserting : rel=”wp-video-lightbpx” into the link.

Example:

Watch the Video

https://jim-flannery.com/stand-up/

ok, I thought that would add the code… let me try that again…

Example:

<a class="popup button brown-button" href="https://www.youtube.com/watch?v=bzLOULYXvHM&rel=0" rel="wp-video-lightbox">Watch the Video</a>

@flantascience, can you create a new support thread.

Thank you

Sorry @mbrsolution I didn’t see your post until a few days ago.
Thank you very much for the advice. Yes, adding width=100% made a major difference. It’s not perfect but sure solves my issue for now. May try editing the js at a later time.

@kman1801, I am happy to hear that you have resolved your issue. If you don’t need any more help can you mark this support thread as resolved.

Thank you