Landing page (no Munchkins) layout altered

Daniella_Kamei
Level 2

I cloned an exiting landing page and removed the munchkin code from the template.

The page layout is not working properly. I have a main banner in the middle of the page, with a form on the right hand side overlapping.

My form is being pushed down.

Any ideas?

Thanks in advance.

Tags (1)
15 REPLIES 15
SanfordWhiteman
Level 10 - Community Moderator

Munchkin should have no effect at all on layout unless someone did some really crazy, ill-advised CSS. It's just JavaScript.

Please post links to your page with Munchkin enabled and a clone with it disabled.  We can't troubleshoot based on just a description.

Daniella_Kamei
Level 2

Login | Marketo

This is my new page

This is my old page

Login | Marketo

SanfordWhiteman
Level 10 - Community Moderator

Need URLs that are publicly accessible (approved LPs).  Those URLs would require us to log in to your Mkto instance!

SanfordWhiteman
Level 10 - Community Moderator

The HTML markup is different on those pages; the difference isn't only the removal of the <SCRIPT>.

Check the closing </DIV> on source line 992 and find the opening <DIV>.

Daniella_Kamei
Level 2
SanfordWhiteman
Level 10 - Community Moderator

Do you not think these styles, which exist on one page but not the other, are important?

.Form_1 {

    position: relative !important;

    float: right !important;

    z-index: 10 !important;

    width: auto !important;

    padding: 0%;

    margin-top: -350px;

    height: auto;

}

Removal of the <SCRIPT> from the DOM should be the last thing you suspect when dealing with layout.

Daniella_Kamei
Level 2

I added the css and nothing happened.

SanfordWhiteman
Level 10 - Community Moderator

This isn't a Munchkin issue.  You need to talk to your web developer about the HTML + CSS differences between the pages.

If you can prove that stripping the <SCRIPT> tag is the only difference between two pages that have different layouts, I'll take a look.  So far it's been a wild goose chase with other differences between the pages. Like I said, you'd have to have some seriously suspicious CSS if removing Munchkin had any effect at all (as in CSS that specified an nth-child and expected the <SCRIPT> to be in the DOM, something like that).

Daniella_Kamei
Level 2

We took the template the working template and disabled the munchkins, then cloned it.

(We then clicked “Template Actions” and disabled the munchkins. We clicked on that and then cloned the template)

After that the form doesn't work.

SanfordWhiteman
Level 10 - Community Moderator

I'm happy to look further at links to two landing pages whose only difference is whether they have the Munchkin <SCRIPT> tags. The background about the templates isn't sufficient, since so far you've sent me links to LPs that differ in other ways, such as CSS.

Consider Occam's Razor. Is the simplest explanation that an analytics script is affecting layout?  Or is the simplest explanation that you introduced other changes, but since those weren't documented, all you remember is disabling Munchkin?

Daniella_Kamei
Level 2

Yes. Just the Munchkin

SanfordWhiteman
Level 10 - Community Moderator

Where are the links to the 2 pages that only differ by Munchkin and not by HTML or CSS?  I haven't seen those yet.

SanfordWhiteman
Level 10 - Community Moderator

Have you looked at the HTML? I mean actually looked at the differences between these pages?

These are obviously different.  In one case the form is above the "For the love of..." section in the DOM.  In the other case the form is below "For the love of...."  That's going to contribute mightily to layout differences.

This is what I mean when I say the pages do not differ only by the absence/presence of Munchkin.  That's clearly not the case.