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!
Solved! Go to Solution.
Hi Mike,
It's the 'mktoButtonRow' that you need to be styling. Give it a 'width:100%; text-align:center;'.
does this work for you?
.mktoButtonWrap {
margin-left: 0 !important;
}
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.
Hi Mike,
Can you the page where you have the form embedded?
Thanks!
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
Hi Stijn -
Didn't work. It actually moved the button further to the right.
Disregard - I'm an idiot - all is good now - thank you very much!