33
© hibu (UK) Limited 2013
22
Mobile Access
It is quite likely that many visitors to your site will be using a web browser on a mobile device, so it is important that
you configure your site to provide the right content and format for these users. We provide a tool that makes this
quite easy. You do not need to generate additional content for mobile users; all mobile content is based on the
content already in your site. (NOTE: for this reason, we recommend completing the basic design and content of
your site before configuring mobile options.)
Click the ‘Mobile’ icon on the main menu
(Screen 26, a) to open up the mobile editing screen.
The ‘Mobile preview’ tab opens presenting a mobile editing screen shaped like a smart phone so
you can
get an idea of the dimensions of your site on the device (Screen 26, b).
Screen 26
In the mobile editing screen your content is laid out in a similar way to the way it is laid out on your site,
with a few variations for a smaller screen. Since the content is based on your existing site content, you
cannot edit site content for mobile, but you can hide / reveal content, change mobile formatting, and move
content around.
Your mobile content is configured around your menu, just like your site. To navigate your mobile site, click
the menu icon on the upper right of the screen (Screen 26, c) to access the menu and click through to the
various pages of your site. For Online Stores users, Note especially the online store layout, allowing
customers to purchase from their mobile devices!
Arrange Content Mode
In
“Arrange Content”
mode you can move content, hide / reveal content, and change mobile platform colors. You
are able to control this content in the mobile editing screen on the right (Screen 27, a), and navigate and see your
results in the main mobile screen in the center (Screen 27, b). Moving your mouse over a section will highlight it in
the edit menu on the right.