Login Form Rearrange HSNM Front-end Welcome Portal general discussion about HTML, CSS, layout, custom apps, templates

[kostas2911]

Is there a quick way that i can reorder the login page appearance order on mobile devices?

I would like welcome back module to be on top of social login module.

[HSNMSupport]

Hi kostas2911,

you can arrange the login page by using CSS in your template. But once you have modified something, changes will be applied to all kind of devices.

So, you can't arrange the login page just for mobile devices.

Best Regards.

[kostas2911]

Thnak you.
Can you please provide me a working example of how to reverse order of social login and welcome back?

[HSNMSupport]

Hi kostas2911,

I'm sorry but we don't have any example on doing what you asked.

You just need CSS knowledge. To know fields' name of the login app you can look for them in your browser inspector (F12 button).

Best Regards.

[kostas2911]

After a lot try and error i did it.
For anyone who maybe interested i post the code.

Code: Select all

@media only screen and (max-width: 600px) and (min-width: 1px) { #AppContentRegistration { display: flex; flex-direction: column; } #AppContentRegistrationTexts { order: 1; } #AppContentRegistrationRegister { order: 3; } #AppContentFormsLogin { order: 2; } #AppContentFormsLoginFormLogin { border-radius: 0px; margin-bottom: 0px; } #AppContentFormsLoginFormTable { width: 100%; margin-bottom: 30px; } }