Rich-text Reply

Layout problem with mobile editor

kechol 11-27-14

Layout problem with mobile editor

Hi all,

 

I'm using the editor for our mobile page but the layout is broken.

 

Our page is here (in Japanese): https://www.arluis.com/contact/

 

broken layout

 

 

I found our website set the viewport like this:

<meta name="viewport" id="viewport" content="width=640" />

 

Also, Optimizely editor sets width and min-width of the iframe '320px' for mobile view that causes layout problem I think.

 

Screen Shot 2014-11-27 at 14.44.40.png

 

 

Can I fix it without editing our website?

 

 

Thanks,

kechol

Level 1

Joel_Balmer 12-01-14
 

Re: Layout problem with mobile editor

[ Edited ]

Hi Kechol,

I've seen a similar problem to this before where the editor displayed 'Page not Optimized for mobile' upon load - is this true for you too?

This was due to the site using 'max-device-width' to make it responsive, where as Optimizely modifies 'max-width' and 'min-width' when loading mobile versions. Because we do not modify device width, it won't load correctly for those who use max-device-width to make their site responsive.

Currently we don't support 'max-device-width', but there is a feature request for this, so watch this space!