Hi All,
For a client's project we are creating a very elementary wiki site using SharePoint 2013 Foundation's Team Site template. The wiki pages are all in Article format, and any changes to page layouts and formatting have only been made by the Ribbon while in edit mode in IE(nothing fancy or custom, all just OOTB). While we've completed some beta testing and the site functions and looks fine on a variety of desktop computers and browsers, we've run into a snag while testing the site on mobile browsers (primarily on iOS devices).
With the Mobile Browser feature enabled, the majority of the pages look crisp and clean using the "Contemporary" UI. However, some of the pages don't render correctly at all. The formatting and text is 'broken' to the point they are nearly illegible. (Apologies - I can't post any images yet due to an authorization issue).
I tried to remedy this by making a copy of a page file I knew was rendering correctly using SP Designer 2013, replacing the text and links from the non-rendering page, deleting the old non-rendering page file, and renaming the copied page file. However, this has only worked for one page. We disabled the Mobile Browser View feature altogether, and pages displayed and functioned as they would on a desktop (albeit much smaller), and pages that were 'broken' in Mobile View have no issue at all. But the client has stated a strong preference for implementing the "Contemporary" Mobile Browser View.
When in Edit using IE on a desktop, I can't locate anything in the Rich Text or HTML that would cause one page to load properly and another to be completely 'broken' on the mobile browser. I've researched several SP forums and TechNet's basic documentation on mobile views, but am unable to figure out the issue. Has anyone run into a similar occurrence or have any guidance as to a possible solution?
Cheers