Our platform's Landing Page Designer allows you to work on both the desktop and mobile versions of your landing page. This way, you can ensure that your landing page always looks perfect, no matter what device your visitors are using to view it.
The Landing Page Designer consists of two views: the Desktop Landing Page view and the Mobile Landing Page view. The Landing Page Designer is set by default to the Desktop Landing Page view.
A. Editing the Mobile version of your Landing Page
To edit the Mobile version of your landing page, simply switch to the Mobile Landing Page view by clicking the Mobile Landing Page button located towards the top of your Designer page.
Your view will now look like this:
You can now go ahead and edit the Mobile version of your landing page according to your preference.
Any changes you make will be applied only to the mobile version of your landing page - they will not affect the desktop version at all.
B. Editing the Structures and Elements of your Mobile Landing Page
C. Reverting changes
The Mobile Landing Page view allows you to quickly and easily revert any changes you make to the mobile version of your landing page.
1. Revert overall changes while in General Settings.
You have the following options:
- Revert All Changes
- Revert General Settings
- Revert Row Orders
- Revert Row Settings
2. Revert changes to a specific Element (by clicking on that Element to open its Settings).
D. Cascading blocks
The Mobile Landing Page view is set to Cascade blocks by default, to make sure your design always looks good, even when viewed on a small screen.
If, for some special reason, you do not wish to cascade blocks in the Mobile version of your landing page, simply scroll down the Settings on the left side of your Designer page (whilst still in the Mobile Landing Page view) and check the Do Not Cascade Blocks option.