Hello, Im having an issue with the contact form on my website. When viewing the website on any type of Ipad both vertically and horizontally, the form fields are messed up. There
s no such problem on Iphones. On Iphone the form is responsive. Please help.
Hey bulavadesign,
The contact form looks fine on my end. Try to hard refresh the page a few times on the iPad and if you still have any issue please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)
Best regards,
Vinay
The problem with the form is on a home page. at the top (GET YOUR INSTANT QUOTE)
Please check it.
The same is happening on each landing page I create.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#wrap_all {
position: relative !important;
}
@media only screen and (max-width: 1024px) {
.home #av_section_1 .flex_column {
width: 100%;
margin-left: 0;
}}
Best regards,
Yigit
Thank you, it worked.
But still not working on any landing page. I attach the screenshot.
Hi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your column elements where you have your forms and give them a custom CSS class and then change the code to following one
@media only screen and (max-width: 1024px) {
.your-custom-class {
width: 100% !important;
margin-left: 0 !important;
}}
Best regards,
Yigit
It worked. I appreciate your help!
Hey!
You are welcome! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit