On every page and/or in any scene you can switch to the mobile editor. This lets you arrange content in a way that is more suitable for mobile devices. To help you create a mobile version of a page we have put every element you used in the screen version in a extra “Element Library” panel.

Building

Drag the elements onto the mobile canvas to design the page. A lot of elements need to be resized to fit onto the mobile page. Try to make the mobile version of your page simple and mobile friendly. Don’t try to copy the screen design exactly. In most cases it’s best practice to put a title and/or image in the top of the page followed by the text. That way people can easily find the most important information directly.

Changes

When changing certain settings in the mobile editor, those changes won’t affect the screen version. An orange dot next to the settings indicates the changes you’ve made.

Size

When you’ve dragged a few elements on the canvas you will probably find out the canvas is too short. Go to the page settings and change the height of the page.

New elements

Sometimes using the same elements you’ve used in the screen version just doesn’t work. You can then just add new elements to a mobile page. These elements won’t be visible in the screen version of the page.

Scenes

Scenes don’t work the same on mobile devices. They are displayed under each other. This can be seen in the preview window or in the published publication. A page with multiple scenes will become one long scrolling page.

Links

The links on elements or groups are cleared in the mobile version. New links have to be made when reusing elements from the screen version. Creating a link will work the same in the mobile editor as it does in the screen editor.

Animations & Hover

At this moment animations don’t work on mobile. Also keep in mind that hover effects don’t work in the mobile view because these devices have a touchscreen.