Mobile vs Desktop switching question:

[lbdesign]

I am working on a site with such incredible client-specified details about how it needs to look on mobile vs desktop that it's essentially two different sites (or at least two different home pages). So I'm wondering about simply making two version of the homepage and using a detector to decide which page loads (vs loading all the elements for both, and using display:none to hide half the stuff with media queries).
Has anyone dealt with this before?

This particular issue involves galleries, plugins and other modules that I would rather not load twice per page and then hide half of them. 🙂

I found this plugin (linked below) and am wondering if it's a good idea, or if there are better options for serving up completely different page designs for mobile vs desktop?

Thank you in advance.

Mobile Smart

[Sridhar Katakam]

There are plugins like Mobble which provides conditionals like is_mobile() so you can write conditional if statements in your template files.

They aren't always reliable esp. if you there is caching. But give it a try..

---

Genesis Tutorials | Follow me on Twitter

[lbdesign]

Thank you Sridhar. Conditionals are a great approach. I bought the Mobile Smart Pro plugin at Codecanyon, because in addition to is_mobile, it let me set a totally different homepage for mobile vs desktop, which turned out to be the easiest solution.
I'm terrified now that the plugin will eventually be abandoned, but figure that by paying for it, I can help ensure that it will be supported into the future.

Since buying into Studiopress over 5 years ago, I've seen so many themes and plugins rise, fall, and be abandoned. It's nice Studiopress is still here.

[Sridhar Katakam]

You could set that up using Mobble's is_mobile() and get_template_part() in the appropriate template file like front-page.php.

---

Genesis Tutorials | Follow me on Twitter

[Author]

Posts