Mobile Friendly Responsive Layout Banner on Top of All Observation Pages

Platform: website

App version number, if a mobile app issue:

Browser, if a website issue: Chrome

URLs (aka web addresses) of any relevant observations or pages: Any observation page

Screenshots of what you are seeing:

Description of problem:

Step 1: Go to any observation page, even if on a non-mobile browser

Step 2: A big banner is at the top asking “Test the new mobile-friendly responsive layout? Note that not all pages have been converted yet.”

Step 3: The only option is a “Yes” button.

I don’t want to test and there doesn’t appear to be any way to get rid of this banner. It takes up a fair amount of screen real estate and makes it harder to use the platform.

There was post in the sidebar too. I hoped if I closed that it would take the banner down.
No.

If you click Yes there’s a feedback form:

https://inaturalist.typeform.com/to/HZsu49MO

I don’t understand why I’d want to test something from mobile on my desktop computer?

i clicked yes hoping that would flip a switch and turn off the banner but when i reverted the banner returned

I suspect that we PC users are an endangered species :sweat_smile:

I think most of us who just do a lot of ID and not observations are on PC. You can hardly even do a proper ID on a phone.

I clicked the form you provided and made sure to give my feedback there.

Was the amount of white space on the edges of the screen also altered for the desktop version?

I do most of my IDs on mobile :blush: On Android you can use the ML on all the photos in the observation, and it seems to be faster than on my computer when it comes to switching between observations and adding annotations. Zooming in and resolution seems higher to me as well.

There’s also a good add-on that I’ve been using that allows using ML on other photos and doing crops for better suggestions (I like to have it second-guess my first assumption), so that’s gotten my IDs more balanced lately between phone and mobile.

One answer - screen real estate. I get far more done and save a lot of time using a laptop. I’ve tried bulk uploading, bulk cropping, bulk ID even bulk photographing on the phone, doesn’t work for me. Squatting in the veld taking photos = good exercise. Squinting at a puny screen trying to work apace = horrible frustration. That being said, I’ll try the Android app again sometime and see if I get better real estate from the mobile friendly pages.

The feature is about “responsive layout” which can be used in PC too. It is about keeping the page layout in “good shape” even under the stress of small screen estate. You can see the effect by changing the browser size by large amounts with and without the new feature. It is not very important on a PC because normally you will not shrink too much here.

My screen is zoomed in for the font size. In that case, I will try it. Thanks.
Cannot off-hand see a difference in my display.
But.
The banner shrinks ! So that is worth it :grin:

Various extensions (e.g. CustomBlocker, for Chrome-based browsers) allow to block page elements. It can be as simple as installing the extension, click its icon, create a new rule, click the naughty ‘banner’, apply.

Yeah, this unremovable mobile notification can piss off.

If anyone uses Tampermonkey, I’ve created a userscript that automatically hides the banner on every observation page - restoring them to how they used to look. https://greasyfork.org/en/scripts/591321-inaturalist-hide-responsive-layout-banner

Puts a band-aid on the issue for me! If you don’t have the Tampermonkey Chrome/Firefox extension, I highly recommend getting it for this, as its free and solves the headache.

You can also use uBlock Origin to block the element:

www.inaturalist.org##.text-center.alert-warning.alert.TestGroupBanner

I tried, but my OS is not on the list to choose from. And I do not have an exotic OpenBSD or something. Just Linux.

Platform: Website

Browser, if a website issue: Chrome for Mac

Screenshots of what you are seeing:

Description of problem:

Step 1: For the past couple of days, the above banner shows up on my home page. It has a “Yes” button, but no Close or Dismiss button and it seems permanent.

I may or may not take the time to “test the mobile-friendly responsive layout” but I’m already annoyed at being asked. Please make the banner dismissable or make it disappear upon returning to my home page (i.e. one time only display).

You are not alone:

https://forum.inaturalist.org/t/mobile-friendly-responsive-layout-banner-on-top-of-all-observation-pages/83858

I greatly appreciate that its optional, but it’s annoying it’s permanently stuck there.