Contact Form on Mobile

Permalink Browser Info Environment
Hi,

When I created a basic contact form, it looks fine on a computer, but on mobile, it looks cut off. See attached file.

Any suggestions to make it look better?

1 Attachment

Type: Discussion
Status: In Progress
mfraioli
View Replies:
madesimplemedia replied on at Permalink Reply
madesimplemedia
Hi,

Which form block are you using for this?
(external form, extended form etc?)

Thanks

Dave
arlenesey replied on at Permalink Reply 1 Attachment
arlenesey
Hi!
I am having the exact same problem - was this ever solved? I am using the C5 Form Block as shown in Demo
See attachment
madesimplemedia replied on at Permalink Reply
madesimplemedia
Hi,

I will update the styles and send you the fix.

Thanks
Dave
arlenesey replied on at Permalink Reply
arlenesey
Hi Dave
I got sidetracked by other projects, and can't seem to find the fix you said you would send.
Could you please send it again or post it here?

Thank you kindly....

Arlene
madesimplemedia replied on at Permalink Reply 1 Attachment
madesimplemedia
Hi Arlene

Have you modified screen.css at all? I've attached a new version, so if you haven't made any changes yet you could just upload that to /packages/themes/street/

If you've modified it, you can just add the following code:
At the end of the file before the } just add: .site form table tr td {display: block}
Also, around line 250 just after .site div#footer-nav ul {display: none}, add this: .site form table tr td {display: block}

Thanks

Dave
arlenesey replied on at Permalink Reply
arlenesey
Thanks Dave - that worked a treat!
Clients love the site.
sincerely
Arlene
madesimplemedia replied on at Permalink Reply
madesimplemedia
Glad to hear it's going down well! :)

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.