I had initially attempted a responsive design for my website, but found certain elements weren’t playing nice so ended up duplicating many with hide/show functions based on device (which was bogging down loading times). I wasn’t happy with this, so scrapped the responsive design and instead made a mobile version of my site, with a single redirect on homepage for mobile users (from [https://www.moist.lol/]) to [https://www.moist.lol/mobile-home]).
While this mobile redirect method works great for myself and many other users, it’s been brought to my attention by several people that they weren’t getting redirected (so getting desktop version on mobile which looks all messed up).
I’ve tried a couple mobile redirect plugins now. They all work on my mobile device, but don’t seem to work for everyone. Is there a recommended plugin that works more reliably? Or should I be using a script-based approach?
Help lol
[ad_2]
This is definitely not the best approach. A [responsive website]) shouldn’t need to be built twice to ensure it is viewed correctly. As you build your website, it is vital to keep in mind how stuff will look on mobile and use media queries to ensure the CSS of your site responds to screen size.
To answer your question at the end, yes. You can write a script that detects screen size and redirects users to a specific page based on that. Though doing that seems like a band-aid solution to a bigger problem. It will likely cause headaches down the road when you’re optimizing for SEO and polishing up your site. Additionally, it can cause issues with user experience because the user is ultimately not in control of what happens, the script is.
Mobile-specific pages died out about a decade ago. There’s no reason to use them any more – all page builders automatically build responsive websites by default (and have done for quite some time).
But most importantly – google will penalise you if you use a mobile redirect.
Bottomline, learn how to build responsively.
I don’t even wanna know…