Register

How can I edit the Mobile version of my Landing Page ?

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.
Landing_pages-How_can_I_edit_the_Mobie_version_4.png

Your view will now look like this:
Ho_can_I_edit_the_Mobile_version_of_my_landing_page_2.png

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.
Mobile_landing_pages_1.png

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.
Mobile_landing_page-Reverting_changes_1.png

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)
Mobile_landing_page-Revert_changes_2.png

 

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.
Landing_pages-How_can_I_edit_the_Mobile_verion_3.png