Forms 2.0 Responsive Submit Button

[Anonymous]

We are updating our website and other web properties, and after styling the new layout for out forms, which are embedded into our Drupal pages, it looks like the button is not moving to the left under the form fields on a mobile device.  I have tried adding the styling from other suggestions, and it doesn't work.  This is what it looks like when responsive...

Any ideas would be greatly appreciated!  Thanks in advance!

[Stijn_Heijthuij]

Hi Mike,

Can you the page where you have the form embedded?

Thanks!

[Anonymous]

It is on our development site, however, for this thread I dropped it on a Marketo landing page - http://pages.storagecraft.com/app-test.html

[Stijn_Heijthuij · Accepted solution]

Hi Mike,

It's the 'mktoButtonRow' that you need to be styling. Give it a 'width:100%; text-align:center;'.

[Anonymous]

Disregard - I'm an idiot - all is good now - thank you very much!

[Anonymous]

Hi Stijn -

Didn't work.  It actually moved the button further to the right.

[Nicholas_Manojl]

does this work for you?

.mktoButtonWrap {

     margin-left: 0 !important;

}

[Anonymous]

Hi Nicholas -

That does work, but it makes the button left-aligned at all times, where on desktop I need the button in the middle of the form, because the form fields are side-by-side on desktop.