[snugRugBug]

Temporarily solved the problem by reverting back to WordPress 3.8.3, which you will find here.

Follow this tutorial for more details on how to revert to an earlier WordPress.

[snugRugBug]

Same here. Tested it in various (IE, Firefox, Chrome, Opera, Maxthon) browsers. I’m going to try reverting back to the previous version of WordPress until this is sorted out.

[snugRugBug]

Yeah, the code came out wrong in my previous post. The ‘<‘ should be a ‘less than’ sign.

[snugRugBug]

So: the solution.

I tried to find a bug in my theme, but I could not find anything in particular. I then went back to see how the Phantom gallery handles the responsive resizing. The resizing is mostly handled in the jquery.gmPhantom.js script.
In the function ‘rpResponsive’, the following line can be found:

if($(window).width() <= 640){

This line causes the thumbnail to be resized relative to the size of the window, which seems strange, since it would make more sense to resize the thumbnails relative to the container of all the thumbnails. Thinking this, I changed the code to the following:

if($(Container).width() <= 640){

And voilà! As can be seen in the attached image “good.JPG”, the gallery now resizes correctly at the same viewport width as the attached image(original post) “bad.JPG”.

I tested this fix with some other themes, and it seemed to work fine.
If anyone can anticipate any problems caused by this fix, please let me know.

Regards

Attachments:

You must be logged in to view attached files.

[Author]

Posts