NVG-Inc Apr 19, 2016 · 9:47 pm #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: http://neweralift.com/contact-us/
Thank you in advanced.
Andrew Misplon Puro Apr 20, 2016 · 10:28 am #3400 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 🙂
NVG-Inc Apr 20, 2016 · 4:16 pm #3403 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 Puro Apr 20, 2016 · 6:26 pm #3404 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 🙂