Layout with 2 columns is displayed in the wrong order on the smartphone

  • Resolved almute

    (@almute)


    10 months, 2 weeks ago

    Hello, I have problems with the profile shown in 2 columns. On PC this works fine. But when I switch to smartphone the content is ordered from left top to down and then right top to down. This way for example Firstname and Lastname shown in 2 column view next are now devided. I tried to order differently for 1 column but then the design for 2 columns is lost. What should I do? Best regards, Almute

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Aswin Giri

    (@aswingiri)

    Hello @almute

    Can you please share screenshot of what you see on desktop and on mobile?

    Thread Starter almute

    (@almute)

    Here are the 2 views

    @almute

    You can make two groups by using a Master Row for the Firstname and Lastname
    and another Master Row for all other fields in the UM Form Builder.

    https://docs.ultimatemember.com/article/85-form-builder

    Thread Starter almute

    (@almute)

    I would then have to do this for all 14 fields – resulting in 7 master rows instead of 1 master row. Because for the other fields the order gets mixed up, too. It’s only clearer with first name and surname, that’s why I had named this as an example.
    So, quite complicated!

    @almute

    You can also use single column for the two textareas.

    Plugin Support andrewshu

    (@andrewshu)

    Hi @almute

    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

    Thread Starter almute

    (@almute)

    I don‘t think that my question is resolved, since using separate rows is not the solution that I‘m looking for.

    In case that the fields in column 1 and 2 have a different number of rows this will result in gaps. This is not wanted!
    I expected to be able to arrange the fields for all possible layouts (all possible number of columns) in the dialog and not that only one layout is possible. This is how I know it from other, reponsive plugins and web tools.

    So this is not a satisfactory solution for me only a more unsightly workaround.

    Please pass this on to the development team.

    missveronica

    (@missveronicatv)

    @almute

    You can try this plugin with “Triple Forms” shortcode for screen, tablet and mobile.

    https://github.com/MissVeronica/um-triple-forms

    Thread Starter almute

    (@almute)

    Thank you. That’s exactly what I was looking for!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Layout with 2 columns is displayed in the wrong order on the smartphone’ is closed to new replies.