Topic: Embedded SimpleViewerPro galleries - not mobile friendly [SOLVED]

I've got about 500 SimpleViewerPro galleries on my website (http://www.davidfenwick.co.uk/) which are embedded into HTML pages.

Thanks to the Universal Playback feature the images look great on smartphones and tablets. However I recently received a communication from Google, via webmaster tools, stating that these pages had critical mobile usability errors.

I checked out some pages here: https://www.google.co.uk/webmasters/too … -friendly/ and saw that the alerts are being triggered by the text above and below the gallery - it's much smaller than my specified CSS style. The galleries look fine on desktops.


Is this a consequence of the Universal Playback feature? Is there a quick fix to make my pages mobile friendly in the short term?


On further investigation I found that with just a small amount of text on the page (such as: http://www.davidfenwick.co.uk/wedding-p … m-edward/) Google sees the page as mobile friendly - although the text still appears very small on mobile devices (there's obviously some forgiveness). With more text on the page though (such as: http://www.davidfenwick.co.uk/wedding-p … lly-jack/) the page is seen as not-mobile friendly.


Longer term I clearly need to use JuiceBox to produce my pages (but this will take some time to update all 500 galleries!) I had a quick go with the Lite version and this passed Google's mobile usability test:

http://www.davidfenwick.co.uk/trials/JB/

Again, the very similar SimpleViewerPro version failed due to the text size:

http://www.davidfenwick.co.uk/trials/SV/


Any help would be hugely appreciated. Mnay thanks in advance.

All the best,

David

Re: Embedded SimpleViewerPro galleries - not mobile friendly [SOLVED]

Thanks to the Universal Playback feature the images look great on smartphones and tablets.

It would certainly be nice for your pages to both look OK and pass Google's test but at least the pages look OK on mobile devices.

I think the problem might be due to the fact that SimpleViewer dynamically sets a meta 'viewport' tag (depending on the device) which will override the one in your page's <head> section.
You could try forcing your own meta 'viewport' tag to be used after the gallery's JavaScript has been run by using the following code after your gallery's embedding code in your page (although I do not know how this will affect the layout of your page on mobile devices).

<script type="text/javascript">
    var m = document.createElement('meta');
    m.name = 'viewport';
    m.content = 'width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1';
    document.getElementsByTagName('head')[0].appendChild(m);
</script>

I'm not sure if this will help (or just introduce new unforeseen problems) but it might be worth a shot.

Steven Speirs
SimpleViewer Support Team

Re: Embedded SimpleViewerPro galleries - not mobile friendly [SOLVED]

Thank you for such a prompt and knowledgeable response Steven.

Your solution works perfectly!

I will use this as a quick fix in the short term (Google apparently are going to be penalising sites which are not mobile compatible from April 21st onwards).

I bought JuiceBoxPro earlier and will fully update my galleries to HTML5 in the long term.

My sincerest thanks.

Re: Embedded SimpleViewerPro galleries - not mobile friendly [SOLVED]

I'm glad it worked.
Thank you for posting back to let me know.

Steven Speirs
SimpleViewer Support Team