SOLVED

Forms 2.0 Responsive Submit Button

Go to solution
Anonymous
Not applicable

Forms 2.0 Responsive Submit Button

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...

Capture.JPG

Any ideas would be greatly appreciated!  Thanks in advance!

1 ACCEPTED SOLUTION

Accepted Solutions
Stijn_Heijthuij
Level 7

Re: Forms 2.0 Responsive Submit Button

Hi Mike,

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

View solution in original post

7 REPLIES 7
Nicholas_Manojl
Level 9

Re: Forms 2.0 Responsive Submit Button

does this work for you?

.mktoButtonWrap {

     margin-left: 0 !important;

}

Anonymous
Not applicable

Re: Forms 2.0 Responsive Submit Button

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.

Stijn_Heijthuij
Level 7

Re: Forms 2.0 Responsive Submit Button

Hi Mike,

Can you the page where you have the form embedded?

Thanks!

Anonymous
Not applicable

Re: Forms 2.0 Responsive Submit Button

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
Level 7

Re: Forms 2.0 Responsive Submit Button

Hi Mike,

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

Anonymous
Not applicable

Re: Forms 2.0 Responsive Submit Button

Hi Stijn -

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

Anonymous
Not applicable

Re: Forms 2.0 Responsive Submit Button

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