How to make my form mobile responsive?

Hello

The booking form we created looks good on our desktop site, but the mobile version is not previewing properly.

It is very large and slides around all over the place making it user-UNfriendly.

Screen shot attached for reference.

Any thoughts on how we can quickly remedy this?

Please try adding the Mobile Responsive widget to your form. Here's how:

1. Go to the Widgets tab.
2. Search for Mobile Responsive in the search bar.
3. Select the Mobile Responsive and drag it to the bottom of your form. After that, save your form.

Hope that helps. Let us know if you need further assistance. Thank you.

Thanks John

This does remedy the issue on mobile site. 

However, now we have an issue on desktop site. See the attached screen grabs comparing form preview in Chrome on a MAC and form preview on a PC. 

Margins look good on MAC but fields run to edges on PC.

Any thoughts? 

I've fixed it. Can you check again? I have removed the responsive widget and added a custom CSS for mobile. Let us know if the layouts are still not responsive.