SOLVED

Moving the Submit Button above Hidden Fields

Go to solution
Ciaron_Zanelli
Level 2

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.

Screen Shot 2020-02-14 at 11.23.35.png

Thanks in advance.

2 ACCEPTED SOLUTIONS
SanfordWhiteman
Level 10 - Community Moderator

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.

View solution in original post

SanfordWhiteman
Level 10 - Community Moderator

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.

View solution in original post

11 REPLIES 11