Contact Form

  • Author
  • #3399


    I know that there is another recent topic similar to this but I can’t seem to get my form to look right on mobile. I have tried every fix I can find and nothing works. It looks fine on larger phones but on my iPhone 5s, it stretches the page out to the side so I can see a rather large area of grey. I can tell that there is some CSS coding somewhere that is causing this, but am unable to locate where I need to change it. Adding a Custom CSS has also not worked for me for some reason because it keeps getting overridden by other code.

    Here is the form I am referring to:

    Thank you in advanced.


    Andrew Misplon

    Hi NVG-Inc

    Thanks for reaching out.

    It looks like your contact form plugin has its own challenges working within the available space on the smaller iPhone 5 screen so it’s right that this is a new support topic. Can you please, try the following inserted into a Custom CSS plugin like Simple Custom CSS:

    @media (max-width: 680px) {
    	#page .contactform2 .wdform-page-and-images {
    		padding-left: 0;
    	#page .wdform-field[style] {
    		width: 270px !important;

    Let me know how that goes. Thanks 🙂



    Thank you so much for getting back to me so quickly! I went ahead and tried this code and it seemed to fix it almost entirely. Everything fits within the screen now and the only problem I am still having is the 50px of padding to the right of my form. Here is an example of what I am seeing from my phone:


    Thanks again!


    Andrew Misplon

    No problem.

    This is a tough one because I’m unable to replicate. Chrome isn’t seeing the issue, testing from iPhone 5 upwards. Just shooting from the hip, you could try:

    .contactform2 .wdform_page * {
    	max-width: 100%;

    I doubt that’ll work though. It’s a worth a try. Let me know how it goes and what phone you’re using. Thanks 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top