Forms 2.0 Responsive Submit Button | Community
Skip to main content
June 7, 2016
Solved

Forms 2.0 Responsive Submit Button

  • June 7, 2016
  • 2 replies
  • 4078 views

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!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Stijn_Heijthuij

Hi Mike,

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

2 replies

Stijn_Heijthuij
New Participant
June 8, 2016

Hi Mike,

Can you the page where you have the form embedded?

Thanks!

June 8, 2016

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
Stijn_HeijthuijAccepted solution
New Participant
June 8, 2016

Hi Mike,

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

Nicholas_Manojl
New Participant
June 8, 2016

does this work for you?

.mktoButtonWrap {

     margin-left: 0 !important;

}

June 8, 2016

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.