Poblem with columns on small screens

Hi,

When I view this website http://www.vbknl.nl/en/contact on a for example iPhone (or other small screen) the form and the text that should be below the form get mixed. (see the screenshot below)

I use the contact form 7 plugin for the contact form and I tried three different column/shortcode plugins (WEN's Responsive Column Layout Shortcodes, Zillashortcodes and one other) but they all give the same result.

Would you be so kind to advise on what colum plugin to use or how I can solve this problem.

Thank you in advance!

Best Regards,
Jordy

 

Hello,

Contact your plugin author.

Thanks & Regards
Yogesh Bhade

 

Hello,

The Advanced WP columns works fine with this theme.

Best Regards,
Jordy

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width : 480px){
input[type="text"],input[type="email"],textarea {
width: 98%;
height: 18px;
}
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade