m.facebook.com: hide banner that begs for installing the app

[mpeter50]

Prerequisites

• I checked the documentation and found no answer;
• I checked to make sure that this issue has not already been filed;
• This is not an ad/bug report.

Problem description

When browsing facebook on mobile in a web browser, the webapp shows at all times a banner at the bottom of the page that assures the user that the facebook app is better, and they should installed it.

While this does not prevent usage of the webapp, it obscures a large part of the screen, which is especially bad when the phone is used by an elder person who needs that all text and UI element is larger than normal.

Proposed solution

The mentioned banner does not have any use other than inducing the user to install the privacy invasive facebook app, so I think hiding it with a proper selector should be a good solution.

Unfortunately I didnt have yet found a way to find the right selector, as I couldnt inspect the webpage on the phone, and I couldnt get the mobile site of facebook to load on a desktop browser either. Maybe with a debugger over USB, but I was hoping you may know how to find it.

Additional information

I have attempted blocking the banner using the uBO element picker, but unfortunately the resulting selector was too broad, and was blocking other elements too, like the menus that appear when the "3 dot" or the share menu is opened for a post.

[mpeter50]

Hiding the banner seems to be possible with the following uBO cosmetic filter:

:not(div.dialog-screen) > .bottom.fixed-container.m

It looks like this as an uBO custom filter rule:

m.facebook.com##:not(div.dialog-screen) > .bottom.fixed-container.m