BASIC TUTORIAL
Mobile
In Maglr Pro, you can edit and design the mobile version separately from the desktop version. Switch to the mobile editor of your scene to (re)arrange its elements in a way that is more suitable for mobile devices.
The element library will help you translate all used elements from desktop to mobile and keep them connected. This means that, when you edit an element on the desktop version, the mobile version will automatically update as well. Changes on mobile are done independently from the desktop version, so any changes you make on mobile will not be visible on the desktop version.
Element library
In Maglr Pro, your design always starts with a desktop (landscape) version. You can then translate the designed scene into a mobile version to make it fit on mobile (portrait) devices.
Desktop first
Dish 3
Dish 2
Dish 1
Scan the QR-code to view this page on your mobile device.
Click the button to show ‘popup’ group
Mobile has a smaller and more vertical screen compared to desktop. For that reason this mobile version has been rebuilt for an optimal reading experience.
Click here for a tutorial on how to create a popup.
PAGE WITH 3 POPUPS
Desktop version
BASIC TUTORIAL
Mobile
In Maglr Pro, you can edit and design the mobile version separately from the desktop version. Switch to the mobile editor of your scene to (re)arrange its elements in a way that is more suitable for mobile devices.
Go to the next basic course
Proin aliquam ligula a nulla fringilla sagittis. Proin et dictum est. Nunc nec bibendum nibh, non tempor nulla.Donec tristique et nulla sed volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque auctor eros, eget cursus est. Proin aliquam ligula a nulla fringilla sagittis. Proin et dictum est.
Nunc nec bibendum nibh, non tempor nulla. Donec tristique et nulla sed volutpat. Lorem ipsum dolor sit amet, consectetur.
Dish 3
Proin aliquam ligula a nulla fringilla sagittis. Proin et dictum est. Nunc nec bibendum nibh, non tempor nulla.Donec tristique et nulla sed volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque auctor eros, eget cursus est. Proin aliquam ligula a nulla fringilla sagittis. Proin et dictum est.
Nunc nec bibendum nibh, non tempor nulla. Donec tristique et nulla sed volutpat. Lorem ipsum dolor sit amet, consectetur.
Dish 2
Dish 1
Proin aliquam ligula a nulla fringilla sagittis. Proin et dictum est. Nunc nec bibendum nibh, non tempor nulla.Donec tristique et nulla sed volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque auctor eros, eget cursus est. Proin aliquam ligula a nulla fringilla sagittis. Proin et dictum est.
Nunc nec bibendum nibh, non tempor nulla. Donec tristique et nulla sed volutpat. Lorem ipsum dolor sit amet, consectetur.
Mobile has a smaller resolution screen and is vertical orientated compared to desktop. For that reason a mobile version has to be rebuild for a optimal reading experience.
A tutorial on how to create a popup, see here
PAGE WITHOUT POPUPS
Mobile version