Can landing pages extend beyond the fold?

[Anonymous]

Can anyone tell me if a landing page template can be coded to extend beyond the fold in a landing page as you add html content?

And if so does someone have code to share?

Thanks!
David

[Anonymous]

I believe that the editor should do this naturally, extending the page. 

Something that might be making it not work could be the template element with a fixed height. If you make the height bigger, it will extend the page down further (below the fold). The heights to check:

• BODY#bodyId
• DIV#mktContent
• DIV#innerWrapDiv

You can click on each of the above to select it, then click on the "Property Sheet" little dropdown in the top-right corner of the landing page editor. From there, you can change the "height" in pixels to make the page longer.

In terms of editing templates to achieve this, just make sure that there is no stated height of any of the above three. 


Best,
Edward Unthank
SEO/Web Specialist

[Anonymous]

Thanks Edward,
When creating a landing page from a template the landing page does not extend  the page naturally when you add an html text box.
There may be a way to code the template so it does it, and that's what I'd really like. My coding level is barely beginner.

My work around was the same as you advised... I changed the length of the page.

However I want a template that will lengthen and shorten depending on the amount of content I am placing into it when creating a landing page from it.

Thanks!
David

[Anonymous · Accepted solution]

David,

Regarding this comment: 

However I want a template that will lengthen and shorten depending on the amount of content I am placing into it when creating a landing page from it.

Marketo's landing page editor does not work this way and you will need to use Edward's method.

Here's the technical explanation based on my experience: Marketo's editor, to keep things friendly for people without coding experience, uses "absolute positioning" to place content items on the page and do not write the code to the page according to established DOM standards (except for placing it within the three nested elements Edward defined above, so it will respect centering on the page, etc.). You will need to explicitly define the height of your container elements for each page you make.