Created Responsive Landing Page Template

Highlighted
Anonymous
Not applicable

Created Responsive Landing Page Template

Hello!

So we created a responsive landing page template. Unfortunately I cannot edit the template in the editor. The editing boxes will not show up. However I can edit the actual template (using HTML). Has anyone done this before? Is there a way to make the content (form, text, images) editable (easily)? 
Tags (1)
5 REPLIES 5
Highlighted
Level 6

Re: Created Responsive Landing Page Template

There's no easy way to do this, unfortunately. The best solution I've seen is Edward Unthank's double div: http://edwardunthank.com/blog/marketo-responsive-method-marketo-double-div/

You can utilize it a few ways, including to still allow for the WYSIWYG to function, but it won't be as simple or clean as you'd like.
Highlighted
Anonymous
Not applicable

Re: Created Responsive Landing Page Template

I used a totally different approach. I properly set up an additional container in the landing page template. Next I use @media queries to float every div on the left and make it 100% width. All with a few lines of CSS. The only thing you have to worry about is the order in which yo uplace elements on the page, so the order makes sense on a smaller screen.

Demo: http://connect.quintiq.com/dusseldorf-SCPO-executive-summit.html
Highlighted
Anonymous
Not applicable

Re: Created Responsive Landing Page Template

Unfortunately, I tried Edward Unthank's double div and it did not work. We had to build our own. 

Champion, this is great! Thanks for your help. I will go ahead and give it a try. Thanks for the demo page. 
Level 5

Re: Created Responsive Landing Page Template

Thanks for the suggestion Diederik.  I had seen Edward's, but I did not see yours until now.  
Highlighted
Anonymous
Not applicable

Re: Created Responsive Landing Page Template

I really like the method posted bu Diederik, I'm going to be trying this out.