Show toolbar links at mobile sizes when logged out

[sabernhardt]

The Admin toolbar hides links (all except the logo) plus the search box at the breakpoint of 782px, including the Log in and Register links. At 600px, the logged-out toolbar is completely empty.

(previously reported on ​Core Trac and more than one ​support topic)

[sabernhardt]

only the WordPress logo dropdown shows at 640px wide

[sabernhardt]

no toolbar links or search at 480px wide

[sabernhardt]

show login and register links in logged-out toolbar

[sabernhardt]

proof-of-concept for showing the full toolbar content at any screen size when logged out

[sabernhardt]

I think both the Log In and Register links need to show, and I added another option in case all of it should show on all screens.

The expanding search box can drop down at small widths, so that might be good to keep hidden.

[imath]

Hi @sabernhardt

Thanks a lot for your report, screenshots, and patches. I agree with you, at the minimum login/register links should appear. I'll have a look at the search bar to see how it displays. Let's try to fix this for 8.0.0.

I'll test your patches asap.

[imath]

I've just checked the WordPress logo and search bar are hidden for logged in users. So I believe your first version of the patch is the way to go.

I'll commit it asap.

[imath]

In 12877:

Improve the WP Admin Bar for logged out users on mobile/small screens

On mobile/small screens, the WP Admin Bar generated by BuddyPress does not show anything and becomes a useless dark area at the top of the page. To make it more interesting, let's make sure the login and register links are shown.

Props sabernhardt

Fixes #8451