WebSite X5Help Center

 
Stephen C.
Stephen C.
User

Chrome on iphone  en

Autor: Stephen C.
Visitado 222, Followers 1, Compartido 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.

Publicado en
5 RESPUESTAS - 1 ÚTIL - 1 CORRECTO
Stephen C.
Stephen C.
User
Autor

Maybe something to do with the viewport metatag?

Leer más
Publicado en de Stephen C.
Incomedia
Eric C.
Incomedia

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

Leer más
Publicado en de Eric C.
Stephen C.
Stephen C.
User
Autor

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

Leer más
Publicado en de Stephen C.
Incomedia
Eric C.
Incomedia

Hello Stephen,
you could use the Simple Separator object, for example.

Eric

Leer más
Publicado en de Eric C.
Stephen C.
Stephen C.
User
Autor

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

Leer más
Publicado en de Stephen C.