How to modify grid layout on target device

Hi @locker17,

Thanks for writing in. Once could you please provide us the url of the form, I will check and get back to you accordingly.

Regards!

Unfortunately I cannot provide you with the url since my page is still in development and not public yet.

But you can provide me with a link to the documentation to solve that. I think this is from interest for others too and therefore sharing a ‘how to’ doc is the best way to solve this.

Do you still come up with a solution for this?

I tried to make it work with two forms. One for desktop and tablet, and one for mobile. But since I am using Elementor and add your form with a shortcode like this “[user_registration_login redirect_url=”https://site.com/page-slug”%5D” I can’t set conditions where to show which form.

Hi @locker17,

We’ve added your request as a feature and will work on it in a future update of the plugin.

In the meantime, we will provide code to render the registration forms based on the device.

add_filter( 'user_registration_render_registration_form', function( $form_id ){
if (wp_is_mobile()) {
$form_id="123";
} else {
$form_id="124";
}
return $form_id;
});

Note: Please replace the form ID with your own. You only need to insert one shortcode on the page, and it will automatically adjust based on the device.

Also please download and install the plugin from this link: https://encl.io/t/TFjnaUPmL74#9Ce6iwq6crqzgLlGhBeU_w

Do let us know whether it works for you or not and I will get back to you.

Regards!

Hi @locker17,

Since we haven’t heard from you in a while, I’m going to go ahead and conclude this thread for now. However, if you have any further questions or if there’s anything else we can assist you with, please feel free to continue the conversation.

Regards!