Support/Ultra Theme/Contact Form

Contact Form

Tagged: 

  • Author
    Posts
  • April 20, 2016 at 10:28 am #3400

    Andrew Misplon
    Keymaster

    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 🙂

    April 20, 2016 at 4:16 pm #3403

    NVG-Inc
    Participant

    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:

    Example

    Thanks again!

    April 20, 2016 at 6:26 pm #3404

    Andrew Misplon
    Keymaster

    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 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top