Single column on mobile not working

Here are the CSS codes I’ve added:
Fields > Advanced > CSS Classes > wpforms-mobile-full (in every single field I’ve added this code)

Settings > General > CSS Classes Form > inline-fields

Still not norking. If anyone can advise, pls.

Hi @giselleyy ,

Thanks for writing in and I am sorry to hear about the trouble.

Please know that the “inline-fields” class overrides all other form styling. It’s also mentioned in this guide since it forces all fields to be in a single line:

Note: Please be aware that using the inline-fields class in WPForms can sometimes conflict with your WordPress theme’s styles. As a result, the appearance might not align with your expectations.

In case it helps, this tutorial should help if you’ve a multicolumn form and want to split it into full-width in mobile.

I hope this helps. If you want to force the inline fields into full width on mobile, you can still do that using CSS media queries.

Please feel free to let me know if you need any further assistance. Thanks ??

Hi @giselleyy ,

We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!