The Mobile Dilemma …

... Or how to fit a size 10 foot in a size 5 shoe

We are faced with a bit of a dilemma here. How to present full size content on a pint size screen. There is a push to make sites mobile accessible and Google is leading the charge. Sites with content such as ours are being flagged "Not mobile friendly" because the content we provide does not fit a 4" screen well.

The theme (Astra) and plugins we are using (PDF Poster and Photo Gallery by 10Web) to display the content are responsive but the content they display becomes useless when reduced to accommodate a mobile screen. The model pages here are in 8.5x11 PDF format and the catalog scans are at least 900 pixels wide. When resized to fit a mobile screen the visitor ends up with this:  

8.5x11" PDF File
1000 Pixel Wide Scan

As you can see the text is far too small to read. This generates the error "Text too small to read". I beg to differ. It is "Screen is too small to read text".

We can resize the viewer without resizing the content it displays but then we are stuck with only a tiny chunk of the content being displayed.

8.5x11" PDF File
1000 Pixel Wide Scan

As you can see it is a no-win situation trying to make 10 pounds of taters fit in a 5 pound sack. On the upside leaving the content actual size allows mobile users to "zoom" in albeit with a bit of scrolling. We are forced to resign to the fact that the content we offer will never truly be mobile friendly or compatible.