Moosend'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 to your heart's content!
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
Clicking on each Element or Structure of your Mobile Landing Page displays their settings on the left side of your Designer page, allowing you to edit each Element or Structure separately.
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 never looks ugly, even if it being 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.