allforms
free form to email: unlimited by mailjol
   
Solution for Responsive Forms
By: Katy Anchant
at: 27-07-2016 02:54pm
These forms are set at 400px wide which doesn't display well on a phone. The way around this is to remove the width from the table tag, specify in your main stylesheet that tables are 400px wide (or give it an id if you have other tables on the site), and then in your mobile stylesheet specify that tables are 90% wide and that textarea and input are set to 80%. Hope this helps a couple of folk!
By: Katy Anchant
at: 27-07-2016 03:19pm
You'd also need to specify select if you have a drop down and use inspect to see if any other statements need creating. Ie your mobile stylesheet would look something like this:

table { width: 100% }

textarea { width: 100%; }

input { width: 100%; }

select { width: 100%; }

There's probably an easier way to do it but this works fine and is easy. Percentages can of course be changed to suit.
By: Katy Anchant
at: 27-07-2016 03:19pm
You'd also need to specify select if you have a drop down and use inspect to see if any other statements need creating. Ie your mobile stylesheet would look something like this:

table { width: 100% }

textarea { width: 100%; }

input { width: 100%; }

select { width: 100%; }

There's probably an easier way to do it but this works fine and is easy. Percentages can of course be changed to suit.
Your Name: *
Your Email (not shown): *
Your Message: ( Please include the URL of your form if your query is form related )
Designed & Maintained By:- mailjol.net Web Services © 2017