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

  1. Yovel
    Posted 2 years 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.


    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)


    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!


  2. leejosepho
    Posted 2 years 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.

  3. Yovel
    Posted 2 years 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
    Posted 2 years 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

  • Fast Secure Contact Form
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic