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.
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.
Need URLs that are publicly accessible (approved LPs). Those URLs would require us to log in to your Mkto instance!
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>.
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.
I added the css and nothing happened.
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).
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.
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?
Yes. Just the Munchkin
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.
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.