Responsive contact form 7

shibupraj

Sir,

URL: http://columbusmarinesurvey.com/

The contact page is designed as 3 column. But we need it in single column for mobile views instead of 3 columns. Can you please provide us the custom css for this?

Regards,

Shibu 

Albert

Hi,

please deactivate maintenance mode first so we can have a look on it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shibupraj

Hi,

The website is not in maintenance mode. It is live. 

Albert

Ohh, wow. This site does not look anymore like our theme and we thought that it's something else. Anyway, we just checked your site once again and as we see, the CF7 plugin works like that. We can only give you below css to make each field in one line but if it won't be enough, then you must style the whole rest yourself.

@media only screen and (max-width: 767px) {
    .wpcf7 div { width: 100% !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

shibupraj

This worked. Thank you.

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next