Reply To: HTML5 on Mobile not responsive – doesn't fit mobile screen

Home Forums Support HTML5 on Mobile not responsive – doesn't fit mobile screen Reply To: HTML5 on Mobile not responsive – doesn't fit mobile screen

#7371
Sean PSean P
Keymaster

Hi Tia,

You may need to adjust your Viewport tag.

The HTML5 / Mobile customizer can go responsive but it’s honestly better not to so that people can have the 2 column layout.

You can also force your page width to 950px with CSS something like this:

<style>
body.mystyle-customize {
  min-width: 950px;
}
</style>

You can still make the page collapse responsively as well, with some development work if that’s what you want, but the UX is worse having to scroll down and up all the time to see what’s happening. That’s why we typically force the page open to 950px (the width of the landscape HTML5 customizer for 2 col layout) on most of our sites.

If some phones do not zoom / fit the page to the screen, it may be because the Meta Viewport tag on your site is probably trying to set to device width, with initial-scale 1. Really, to force a page open with proper zoom from all phones to fit to screen you usually want the viewport meta tag to be content=”width=950″

Unfortunately, the Viewport tag is outside of the scope of what our plugin does on page, so the plugin will not modify it for you. You’d need to do some development work to force the viewport tag to values that fit the app (JQuery for example can take care of the viewport tag on page ready and on window resize events).

Product Personalization and Customization Solutions