The Multiple Layout Responsive Design (MLRD) is an advanced responsive design approach introduced in Zedity Premium starting from version 3 (if you have a Premium License already you can download it for free). MLRD is based on the simple concept of enabling the user to have control on how the content adapt to any device, based on the page width. MLRD is an alternative to the responsive scaling option, which adapts the content automatically. With MLRD it is possible to show some boxes only on certain devices and hide them in others, change size and /or position of boxes, etc.
From the menu bar at the top, select the “Content” tab and in the “Options” group select “Responsive: Multiple Layout” from the dropdown menu.
When the dialog appears, you may either select one of the layouts available or customize your own (you can create a custom layout after you have defined the XS layout).
Add your boxes and start building your content.
To switch to another layout, just save the current layout by clicking on the “Save” in the “Content” tab.
Switching to other layouts gives you the possibilities to “Show” or “Hide” the boxes you just added in the previous layout creations; add more boxes and even create a totally different content for that particular device.
Hidden boxes appear as icons and you can decide to “Show” or keep them “Hidden”.
To do this, select the box you want to show/hide, then in the “Edit box” tab, in the “Layout” group, click the “Show” or “Hide” button.
Continue creating your content even for the remaining undone layouts you’d like to address.
Once your layouts are all done, click on “Save”.
- Devices boxed in green, mean they are ready for Saving
- Devices boxed in yellow, mean they need reviewing before Saving
- Devices boxed in gray, mean no layout has been set for that particular device.
Now your content is ready, and just do what you usually do when you’re done creating your content with the standard WP editor, you may update/publish your post or page.