Mobile disclaimer

[walkerjeffd]

At least 50% (possibly > 75%) of new users will get visit this site for the first time on a mobile device. People will see the link on social media or their email while on their phone and click on it. Its fine that it doesn't work on mobile, but we need to let mobile users know that its not supposed to or else they'll think its junk and never come back. Trust me, I learned this the hard way.

I would do two things:

1. Landing page is fine as is, but I would remove the "start exploring" button all together, and instead put an alert box saying "Mobile Not Supported. Please come back on a laptop or desktop computer". You can show/hide certain elements using the bootstrap display css classes. See this as an example.

2. In case the user goes directly to the explorer (#/explorer) on mobile, we'll want a message saying "mobile not supported" instead of seeing this:

Best approach would be to not hide everything and only show the warning message, plus a link back to home so they can read what this is for. That may be tricky though as it may break how the map loads. You can try and see. If you can't get that work, then have the initial modal with the four habitat icons show the warning instead of the buttons. User would still see the map in the background, but at least they'd see the warning first.

[HWR-llc]

I went with a warning in the modal. I've included this, but I'm thinking @rhartzel will have thoughts on what it looks like. Bob, let me know if you want to see a change in the style of the warning.

[walkerjeffd]

The disclaimer looks good. I'd work on trying to make the mobile layout a little cleaner.

Here's what it currently looks like on mobile:

Here's an alternative:

[HWR-llc]

Closing this, but open to feedback