help center

On this page

How To Create A Multi-Column Form

Last Update: September 21, 2023

Elementor forms can easily be adjusted to display form fields in 2 or more horizontal columns, using the built-in Column Width option. Fields are set to 100% column width by default, but you can select a different width for each field, from 20% to 100%.

file adSOkninZW How To Create A Multi-Column Form 1
How To Create A Multi-Column Form 5


Form Fields

  1. Go to Content > Form Fields and Select a field that needs a different width
  2. Column Width: Select a width, choosing from 20% to 100%

Tip: You can change the width of the Submit button in the same way.

Note: Click the Column Width’s mobile editing icon file dbgVrDMjzV How To Create A Multi-Column Form 3 to choose different widths for mobile and tablet as well.

Learn more about the Form Widget (Pro)

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article