Layout problem with mobile editor
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/
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.
Can I fix it without editing our website?
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!