Support/Ultra Theme/Contact Form

Contact Form

Tagged: 

  • Author
    Posts
  • April 19, 2016 at 9:47 pm #3399

    NVG-Inc
    Participant

    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: http://neweralift.com/contact-us/

    Thank you in advanced.

    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 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top