Assistance Needed with Ultimate Member Form Layout in Two Columns

  • Resolved Abdul Razzaque

    (@arbaloch)


    1 month, 2 weeks ago

    Hello,

    I’m using Ultimate Member (UM) to create a custom affiliate registration form and have encountered an issue while trying to arrange form fields in two columns. Additionally, I have a right-side image inserted via Elementor, and the layout is currently not behaving as expected.

    What I’ve tried:

    1. I’ve set the form fields to 50% width, but they are still stacking vertically.
    2. I’ve tried custom CSS to display the fields side-by-side, but this affected the layout of the image, pushing it to the bottom instead of keeping it on the right side.

    What I need help with:

    • How can I align the form fields in two columns without disrupting the image layout on the right side of the form?
    • Is there a specific approach to styling the Ultimate Member form fields for a two-column layout while keeping the image in a separate column using Elementor?

    Any advice or guidance would be greatly appreciated!

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support yuriinalivaiko

    (@yuriinalivaiko)

    Hello @arbaloch

    You don’t need any custom CSS. One-two-three columns in the row is a basic functionality of the form builder. Just click the “two columns” button, see https://prnt.sc/hZb1zZVT5pEe

    Elementor elements like an image you added are placed out of the form, so it should not influence fields in the form. Provide more details and screenshots if you try to do something unusual.

    Regards

    Thread Starter Abdul Razzaque

    (@arbaloch)

    Hello respected @yuriinalivaiko,

    Thankful for receiving your reply.


    Dear sir I added code after tooany efforts made as shpwn in screenshot. I have tried to switching it between both two and three columns but output is still single column. Yes I can see the sequence of fields is changed when trying to arrange them in two columns but still showing as single column can you please provide me any soecific assitance.

    Kind Regards

    Plugin Support yuriinalivaiko

    (@yuriinalivaiko)

    Hello @arbaloch

    The form layout is adaptive. All fields are displayed in a one column if the form width is less than 500px. Verify your layout to be sure that the form width is greater than 500px.

    Can you make the page you need help with public so I can take a look?

    Regards

    Plugin Support andrewshu

    (@andrewshu)

    Hi @arbaloch

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to re-open this thread if any other questions come up and we’d be happy to help. ??

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.