Hey all,
I'm having an issue with the submit button on our forms and wanted to see if this has happened before or if anyone knows of a solution. Essentially we have some hidden UTM fields on our forms and this is pushing our Submit button well below the form itself (image below) . I haven't edited the CSS on the form itself, but wanted to see if anyone else has encountered this issue with the hidden fields on the forms. If it happens to be something to do with the CSS, it would be greatly appreciated if someone could point me in the direction of the code to input onto the forms.
Thanks in advance.
Solved! Go to Solution.
The problem surfaces at Chrome 76, not prior.
Add this to your Custom CSS:
.mktoForm .mktoFormRow {
clear: none !important;
}
Test thoroughly of course. This is a substantial style change and may not be harmless in all browsers. You will have to make specific exceptions for Chrome 76+ (which are buggy) if this doesn't work.
Another good reason to test in multiple recent versions of the same browser, and of course in IE and Firefox as well.
Sure, can you mark my answer as the Solution?
I'm also going to write a blog post on this, as it's an interesting regression and could in affect anyone who has margins set on their form rows and hasn't retested in recent Chromes. It is, inasmuch as the CSS2 spec is ever readable, a bug.