How to make sure websites look good in Mobile Browsers?

[Pablo]

In general mobile devices will render websites the same way as in PC based browsers with exception of Adobe Flash content.
If you want your website to be displayed also in mobile browsers then do not use Flash.
None of the standard WYSIWYG Web Builder objects uses Flash (expect for the Flash object of course...)
Do not use 'center the page in the browser window horizontally & vertically'. This will not on small screens!

Also keep in mind that touch devices do not have mouse, so using rollover images or rollover menu will not do anything.

To make sure your layout looks good in mobile browsers and regular browsers we recommend to use a page width of 970 pixels. Also center the page for the best results in higher resolution browsers.
viewtopic.php?f=10&t=153

If you want to design your layout specially for mobile browsers then select 'Apple iPhone' (or any other size) as the target screen size in Page Properties.
Then design your layout for that screen size. You can use one of the 'Redirect' scripts in Menu->Insert->Advanced->Ready-to-use-JavaScripts to redirect the user to the mobile-optimized page.

If your website uses large blocks of text then also take note of this related FAQ:
viewtopic.php?f=10&t=34318

[Pablo]

To prevent mobile devices from scaling the layout you can use the following meta tag.

Code: Select all

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

place this code between the head tags of the page HTML.

[Pablo]

WYSIWYG Web Builder 10 now supports Responsive Web Design!
http://wysiwygwebbuilder.com/responsivewebdesign.html

Related FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817

We also added a dedicated mobile web page designer:
http://wysiwygwebbuilder.com/mobilewebdesign.html