Forms 2.0 Responsive Submit Button | Community
Skip to main content
A
Anonymous
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
    Stijn_Heijthuij
    New Participant
    June 8, 2016

    Hi Mike,

    Can you the page where you have the form embedded?

    Thanks!

    A
    Anonymous
    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
    Nicholas_Manojl
    New Participant
    June 8, 2016

    does this work for you?

    .mktoButtonWrap {

         margin-left: 0 !important;

    }

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

    Terms & ConditionsAccessibility statement

    Loading footer...