I want to have a separate page that is designed only for mobile users, with previews and certain abilities - but also nudging them towards using the desktop full version.
Is there a way of making all mobile users be sent to a certain page when they sign in?
Then if you have managed to make tabs with custom code, there should be no trouble implementing a small snippet of code on your page that redirects your users based on the browser agent.
Hi James,
Can you try this code to insert in the header custom code at APP LEVEL
You need to change the two window.location.href = 'https:............ and “useraccounts1” inside window.addEventListener('submit-form-success-useraccounts1' . It should be the ID of your signin form.
An other version would be Here it doesn’t rely on a list of possible mobile devices (user agent) but on a maximum browser pixel width size (you can modify it by changing max-width: 768px). I personally do prefer this browser pixel width size method
@matthieu_chateau - if I want to redirect them from the time they sign up as well, do I just add an extra line of code to also apply the text to the filling of that particular form too?
My advice would be to add the code in the header, at app level, as I wrote and - magic! - name your signup form and signin form exactly the same (same ID), so you don’t have to do anything in the code.
It just needs the signup and signin forms to be in two different pages.