Mobile friendly forms and LPs (Do we need to start from scratch?)

Forum|Forum|8 years ago
March 14, 2017
1 reply
3156 views

I am trying to find a solution to our outdated LP templates and forms. We are trying to become mobile-friendly across the board with both.

1. Is there a solution other than using the "Mobile" section of the landing page editor to make LPs responsive?

2. Our forms look wacky (attached) on mobile so is there a way to update these to look mobile-friendly or is this something we should seek outside help for?

I have little to none CSS experience.

Thanks in advance!

Marketo

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Casey_Grimes2

Hi Chris,

In order to have true compatibility across devices (versus the free-form editor's detecting of 480px, then scaling down) you will need to redo your pages with guided landing page templates. This break will be especially noticable on tablets, which are usually 768px or so in width.

With that said, you can definitely adapt the CSS of forms to override the same collapse that Marketo does at 480px in order to have them function as you'd like. Both this and the Guided LP task do require you know CSS, however. :/

Casey_Grimes2Accepted solution

Level 10

Hi Chris,

In order to have true compatibility across devices (versus the free-form editor's detecting of 480px, then scaling down) you will need to redo your pages with guided landing page templates. This break will be especially noticable on tablets, which are usually 768px or so in width.

With that said, you can definitely adapt the CSS of forms to override the same collapse that Marketo does at 480px in order to have them function as you'd like. Both this and the Guided LP task do require you know CSS, however. :/