WordPress.org

Ready to get started?Download WordPress

Forums

Fast Secure Contact Form
Mobile Compatability and Box Expansion (4 posts)

  1. Yovel
    Member
    Posted 1 year ago #

    Hi everyone. I need help with making the Fast Secure Contact Form meet my requirements. Basically as follows:

    1.) Make it compatible for mobile use

    2.) Make it so the message box can't expand horizontally.

    Below are 2 images that illustrate the problem I am having.

    http://imageshack.us/a/img850/6315/contactformmobile.jpg

    As you can see above, on mobile devices, my form 'spills' into the border. I want to find some way to make it collapsible on mobile devices, even if it's some random workaround (like shrinking the table)

    http://imageshack.us/photo/my-images/194/contactformexpand.jpg/

    And above, for normal web usage, I don't want the message box to expand horizontally (it works vertically though). When expanding horizontally, it doesn't take the background color with it. Plus, I can expand it into the border, which I don't want.

    If anyone can help me with this, I'd greatly appreciate it!

    http://wordpress.org/extend/plugins/si-contact-form/

  2. leejosepho
    Member
    Posted 1 year ago #

    width:95%; in the plugins "CSS style inside form input fields" and "CSS style inside form input fields DIV" boxes keep it from spilling for me, but I do not know how to keep it from expanding horizontally.
    http://wordpress.org/support/topic/is-it-difficult-to-re-size-the-contact-form?replies=7

  3. Yovel
    Member
    Posted 1 year ago #

    Thanks, unfortunately putting width:95% in both fields didn't work for me.

    If there are more suggestions I'd really appreciate it.

  4. Marklcm
    Member
    Posted 1 year ago #

    don't forget to add CSS style for form DIV: width:99%; as the parent div needs to 'flex' as well, as suggested in above link

    Great plugin, thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic