How do I optimise my Website Builder site for mobile?

The one.com Website Builder automatically ensures that your site looks great on mobile devices once it's published, provided that Mobile view is activated.

In this article, we explain how you can customise the arrangement of components directly from the Mobile view editor, whether you want to prioritise a picture over text or vice versa.

• Where can I find the Mobile view editor?
• How do I use the Mobile view editor?

Don't have access to Website Builder? You can try it out for free for 14 days and create a website in no time. Start your free trial now

Where can I find the Mobile view editor?

Access the Mobile view editor by clicking the mobile icon in the bar at the top of the screen. To switch back to desktop view, click the desktop icon that appears in the same location.

How do I use the Mobile view editor?

When you use the Mobile view optimising feature in Website Builder, you should be aware of the following:

• Mobile view needs to be active to be able to use the optimising feature; use the toggle in the bottom left corner to activate it if it's currently disabled.
• Changes you make here will not affect the order of components in the desktop view.
• Use the arrows to the right to move components up or down, or use your mouse to drag and drop.
• Components placed on top of an image or in the same box form a container and cannot be separated. You can move the whole container up and down or move components inside the container.
• If a component is located at the bottom and has a blue border with a padlock, this means that it is part of the template and locked to the bottom. You can change this behaviour in the properties for the component in the desktop view editor.
• If a component is missing in the mobile view editor, it's likely hidden in Mobile view. To change this, use the Hidden elements icon on the left in the Mobile view editor.
• You can change the active page of your site from the pages menu in the bar at the top of the screen, just like from the desktop view editor.
• Go to Preview when you want to navigate your site and check how it behaves in both mobile and desktop view.

Related articles:

• Using the Mobile view editor in Website Builder
• How do I hide or lock components to the bottom in mobile view?