We have an input form where the input text fields are being vertically cut off on Apple MAC, iPad and iPhones.All other browsers work perfectly.
link
Hey hostworks,
I can’t see anything like that on OSX/Chrome, could you post a screenshot of the problem please?
Best regards,
Rikard
This is on an iPad horizontal display
sample image
Any update?
Hi,
Please add the following CSS
input { max-width: 100% !important; }
Let us know if it works
Best regards,
Basilis
No, it doesn’t. remember it is cutting off the text within the field vertically, thanks.
Hi hostworks,
The form is loading via ifame from another website. It even looks like that in Safari on a Mac.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
input[type="text"] {
height: 35px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Victoria,
I placed in both locations and still get the same thing…
Hi hostworks,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria
Thanks Victoria
Hi,
Thanks for that, though the login details are not working. Please check and verify.
Best regards,
Rikard
Try these
Hi hostworks,
The css we give you does not work, because the form is loaded in the iframe and so it has its own css loaded with it. You might want to use JavaScript to change the css.
Unfortunately, this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Victoria