Disclaimer: This site is moderated by the Formidable Forms community. Formidable Forms and its parent company Strategy11 are not responsible for the words, opinions, and content posted by others on this site. This site is provided as a courtesy and free resource for the Formidable Forms Community. Any actions deemed as harassment, toxic or abusive, will result on being banned from this site and potentially losing your Formidable Forms license.
Thanks for your cooperation, if you have any questions please
consult our code of conduct
Grant Breidenbach asked 2 years ago
Mobile - too much space (see red annotation showing where there is excess space)
Can you post a link to the page?
Certainly: https://bearvault.com/connect/
In theory the following should take care of it if you put it in your Formidable Styles -> Custom CSS, but I've having a hard time getting it to work. Also, you going to want to make sure putting anything in your Custom CSS doesn't hurt other pages. You might just want to add it to the form all by itself
https://paste2.org/tY9x5v4y
Also, for whatever reason, accessing that page (not others) is really slow.
Thank you Rob,
I had to add 2 more braces to get the CSS to work but it did work from the formidable styles.
@media only screen and (max-width: 600px)
{.frm_fields_container > .frm_form_field {
margin-bottom: 5px !important;
}}
This does tighten the margin on all fields which leaves the two stacked fields still looking a bit spaced out but it is notably improved and I think will suffice. Thank you for taking the time to put this CSS together.
Per the page load, not sure. This page is on a cache exclusion list so that Formidable loads correctly but that shouldn't have too dramatic of an impact.