Posted 06 June 2012 - 10:00 AM
I'm using page lines 2.1.6, developer edition.
It seems that my websites don't look correct on my iPhone.
The problem also occurs on when viewing through a desktop browser whose window isn't wide enough.
The layout of my webpage is set to "Responsive with Pixel Width".
On my desktop, when the browser window is wide enough to accommodate the entire page, everything looks ok. As I reduce the width of the window, the layout changes to accommodate the new width. When the width is too short, the text in my "feature" overlaps with the feature image (Feature layout is text at bottom). This makes the page look unprofessional. Ideally, below a certain width the page layout should no longer change, but remain constant.
Since the iPhone resolution is much less than a typical desktop, the overlap occurs, and hence the website does not look professional.
Checking or unchecking "Disable Mobile View" makes no difference. It seems that the webpages look more or less the same on my iPhone or desktop. The difference being the width of browser window causing items to flow / shift on the iPhone.
I haven't made any changes to the default css of page lines. I am using Template 1. I haven't made any changes to the source code.
Is there some setting I can change to fix this?