I have also noticed, even on this website if I shrink my browser to below the width of maybe 400-500px the menu doesn’t show the WordPress logo. Shouldn’t this happen at a much smaller width as to allow it to show on most smartphones?
Add this to the style.css file of your theme:
/*Fix for hiding the Login menu on Mobile*/
#wp-admin-bar-root-default #wp-admin-bar-bp-login {
display: block;
}
If you don’t want to have to edit your theme every time there is a theme update, you could use something like this to add the CSS from the dashboard: https://wordpress.org/plugins/simple-custom-css/
Thank you guys, I ended up finally finding my way with the use of the All in One Admin Bar plugin (has the custom CSS editor built in) and I used this:
#wp-toolbar > ul > li {display:block;}