Mobile version & desktop vs responsive only

I have just spent ages re-building www.minnnis.com again from scratch to be fully responsive. The version linked here is the original - which looks fine on desktop, but terrible on mobile.

So I have a new completely responsive version of the site which looks great on mobile, but maybe a bit odd on desktop.

Should I 1) just select my new responsive pages to be the “mobile version” of every page on the original design? Is this even a reliable method? Is it just detecting screen width then redirecting?

or 2) switch the whole site to the new responsive version and work on improving that design so it looks better on desktop? I would just need to swap page names around to make the switch I think.

presumably 2) would just involve making a lot of Conditions when screen width >500 pixels?

Hey @major_groove

I love of the concept of minnnis!

If it were me, I’d rather not overcomplicate things by having 2 separate pages for each page - I would need to replicate all the changes to the other page if this was the case. Although it would solve your short-term problem of simply shipping fast (I’m assuming you still need practice in responsive design) It would not be good nor scalable long-term especially if your workflows scale. It would be a massive headache to handle.

I’d suggest you stick with 2) and invest in learning the responsive design skills.

Cheers,

1 Like