Problem with making forms & form button responsive

Anonymous
Not applicable

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

1 REPLY 1
Frank_Breen2
Level 10

Re: Problem with making forms & form button responsive

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;