Chrome on iphone 
Author: Stephen C.
Visited 856,
Followers 1,
Shared 0
I have a responsive website https://www.colchestermorris.org working perfectly on all devices, including iPhone using Chrome.
I have another site under development https://www.colchesterrecalled.co.uk/sacX123 , using exactly the same template settings, but it displays in very small graphics on iPhone/Chrome. Perfectly OK on all other combinations of device/browser. Of course I can zoom it up, but that's not ideal for my site visitors. I just cannot understand why this situation exists, and would be incredibly happy if anyone could pinpoint the problem!
I have taken off the mouse right-click disbaling so that you can see the page source.
Thanks in advance for any feedback.
Posted on the
Author
Maybe something to do with the viewport metatag?
Hello Stephen
examining the website simulating a mobile view, I can see that this line seems to extend past the width of the rest of the page, making it so that it is possible to scroll to the right of the content, and on some devices causing the view to be smaller.
Eric
Author
Many thanks Eric - that was indeed the problem. I really want a horizontal ine to separate some sections, and have been drawing it to not exceed the cell width. However in the text box editor this is displayed based on the largest resolution, so I have no idea how much width it will take up in the smaller responsive site versions. Is there a way of creating a horizontal separator that will adjust according to the display?
Stephen
Hello Stephen,
you could use the Simple Separator object, for example.
Eric
Author
Perfect! I set a height of '1' and made the background colour black, so it looks just like a line and adjusts responsively. Really grateful for your help!
Stephen