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):


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?





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!