1 Reply Latest reply on Mar 11, 2016 4:36 AM by Frank Breen

    Problem with making forms & form button responsive

      Hi all,

       

      Would really appreciate some advice on this, I have uploaded a bootstap landing page to Marketo, and embedded a Marketo form within it.

       

      I am having two problems,

      1) I am struggling to make the Enquiry text area longer on mobile devices

      2) I cant get the button to line up centrally on a mobile device

       

      Here is a link to the landing page:

      http://resources.phs.co.uk/medical-record-storage.html

       

      lpformproblem.fw.png

      Any suggestions?

       

      Thanks

       

      David

        • Re: Problem with making forms & form button responsive
          Frank Breen

          Answer 1

          In your code you have

          .mktoButtonWrap { margin-left: 180px !important; }

           

          Screen Shot 2016-03-11 at 12.29.38.png

          That's what's pushing the button to the right, change to

           

          .mktoButtonWrap { margin-left: 0 !important; }

           

          Hopefully you can tweak it from there.

           

          Answer 2

           

          In your code you have

          @media only screen and (max-width: 480px) .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; }

           

          Screen Shot 2016-03-11 at 12.35.58.png

           

          height: 1.5em; is blocking the height, maybe change to height: auto;