Optimizing Your Website For Mobile Devices
The Webstarts editor gives you the power to create both a desktop and mobile version of your website. Creating a mobile optimized version can provide you with some advantages.
To start creating a mobile version of your website, click the mobile icon in the top right hand corner of the editor view.
The idea behind the editor in the mobile view is to take the content you created in the desktop view and intelligently arrange it to look good on a mobile device. If at anytime you get lost in the mobile view you can click 're-order' and all the elements of your site will be re-ordered in the way the editor believes to be most logical.
When creating a mobile version of your site, it’s all about choosing to display the right things to your visitors. For example, there maybe some things you’d like to display on the desktop version of your site but not the mobile. This is why you hide things in the mobile editor as opposed to deleting them. When you hide an object it will be listed under the hidden section of the left side panel. To hide an object click on it and then click the eye icon. To bring it back click the ' eye' icon to the right of the object listed in the side panel.
You probably don’t want people to see your mobile version until it’s ready. For that reason, by default the mobile view is turned off. This means you’ll need to enable your mobile site view when you’re ready. You can enable the mobile site view by clicking on the ' settings' icon in the left panel and clicking on the 'enable mobile' switch.
Something else you’ll notice when creating a mobile view is how your menu is consolidated into a square with a few lines. When your site visitor clicks on that, it will expand to show them all of their navigation options.
Other than these few things the mobile editor works like the desktop editor. You can drag and drop your elements where you’d like them to appear, move them forward and backward by layer, and resize them.