How to get registration/login form to show in 2/3 columns?

The Ultimate Member form builder allows you to create forms with a 1,2, or 3-column layout. On top of the fields in Form Builder, you will see tabs. These tabs indicate the layout and number of columns of your form. Click on the tab on which column layout you prefer.

If you have customized the registration, profile, or login form and made the forms have a 2 or 3-column layout, you will need to change the maximum width of the forms as the default max-width of the forms will convert the forms into a single-column layout (for mobile responsiveness reasons)

Increase the max-width of the Profile form

To increase the max-width of the forms, you need to do the following:

  1. Change the Max. Width (px) of the Form in Ultimate Member> Forms> Edit Profile Form> Customize this Form> Max. Width (px)
  2. Go to Ultimate Member > Settings > Appearance > Profile 
  3. On the profile tab, find the option "Profile Maximum Width"
  4. Input a px value that is higher than the default of 1000px. E.g 1500px
  5. Click the "Save Changes" button at the bottom of the tab.
  6. Go to the Profile page on your website and refresh the page.
  7. The profile should now appear in the multi-column layout.

Increase the max-width of the Registration form

To increase the max-width of the forms, you need to do the following:

  1. Change the Max. Width (px) of the Form in Ultimate Member> Forms> Edit Registration Form> Customize this Form> Max. Width (px)
  2. Go to Ultimate Member > Settings > Appearance > Registration Form
  3. On the registration form tab, find the option "Registration Maximum Width"
  4. Input a px value that is higher than the default of 450px. E.g 600px
  5. Click the "Save Changes" button at the bottom of the tab.
  6. Go to the Register page on your website and refresh the page.
  7. The registration form should now appear in the multi-column layout.

Increase the max-width of the Login form

To increase the max-width of the forms, you need to do the following:

  1. Change the Max. Width (px) of the Form in Ultimate Member> Forms> Edit Login Form> Customize this Form> Max. Width (px)
  2. Go to Ultimate Member > Settings > Appearance > Login Form
  3. On the login form tab, find the option "Login Maximum Width"
  4. Input a px value that is higher than the default of 450px. E.g 600px
  5. Click the "Save Changes" button at the bottom of the tab.
  6. Go to the Login page on your website and refresh the page.
  7. The login form should now appear in the multi-column layout.