Contact Form 7 Input Fields Adjusting to Mobile

[goosingout]

Hi,

I am having trouble with the input fields and how they display on mobile.
I am pretty sure this is a CSS issue, but what I am trying to achieve is the following…

• I need the input fields to automatically move under one an other when the screen gets smaller

This is what I see when viewing it under mobile:

The code within Contact Form 7 looks like the following:

Can you guys help me out please?

Thanks.

[mldarshana]

Hi There,

Thanks for writing in! Please provide us with the URL to your page, so that we can assist you with a possible workaround.

Thanks!

[jade]

Hi there,

Please try this code:

@media (max-width: 480px) {
    .wpcf7 form div, .wpcf7 form div span {
        width: 100% !important;
    }
}

Hope this helps.