I have my index and index mobile pages. My goal is the following:
When on his computer, the user is on the index page. When he reduces the page below a given width (let’s say 1000px), I would like to switch to the mobile page, and vice versa.
I am currently trying to do it using when true conditions based on the current width. However when reducing the page my workflow switchs the index to mobile index but when increasing the page it stays on the mobile page (even though I wrote the opposite workflow).
Do you know how to solve this ?
Also, the solution I’m trying to build is quite slow and inapropriate since the page needs to be reloaded. Do you know an easy way to do this ?
@Nocodify Thank you for your reply. I actually have separate mobile pages.
My aim is that computer users see the mobile version of the page if they reduce the width below 900 pixels. And if they increase it over 900 pixels, it switches again.
Mobile users see mobile pages anyway.
Don’t know if I’m clear enough
Personally I like to keep my work at a minimum and create one webpage only and just make it fully responsive. I adjust it to fit mobile by adding conditions to show or hide certain items depending on the width of the page. For example, I want some text to be larger when viewed on a desktop but smaller when on a mobile device. So I will create everything on desktop view and work closely with the responsiveness and conditional settings to create the look I want.
For me one page is important. I don’t want to have to update multiple pages. Keeps it simple. I learned that the hard way. So now I know how to do responsive settings really well. It was well worth it to learn.
Agree with you there. I have taken the time to undo all the duplicate pages. The time it took to do that is well worth the time to maintain two separate pages.
I still have one app where I haven’t done that yet, and boy it’s a pain to maintain.
However from my understanding I need to use invisible shapes to adjust my pages’ responsiveness.
And I clearly don’t feel comfortable stacking my headers/images etc (mobile or not) with large numbers of invisible shapes on a single page.
I don’t use a bunch of invisible shapes. I try to group the objects depending on how I want them to respond to the page adjustment. I split the page in one, two or three parts to make it fit nicely onto a mobile page. Just divide and conquer
?
