New to the community? Start here

Admin bar showing blank on mobile browsers

I'm having a multisite running with buddypress and when I check my subsites on the pc with any internet browser (responsive and full screen) it works fine.

When looking on a mobile phone (Samsung S5 with Android) the admin bar shows up blank (just a dark bar actually).

Any suggestions on how to fix that?
Cheers

Ivan
- HummingBird: Earn your WPMU DEV membership
- 41 pts: Hero points 1,579 pts: Rep. points LEVEL 10
Hey Dutchmen,

Hope you are well and thanks for the question!

Unfortunately I don't have Android to test this.
Can you test with some of the default themes like Twenty Twelve to see if you are still getting the same behavior?

Also you can take a look at these questions, and see if something helps:
http://wordpress.stackexchange.com/questions/141399/top-admin-bar-toolbar-not-showing-even-when-logged-in-but-empty-top-margin-sh
http://stackoverflow.com/questions/21614237/what-would-cause-wordpress-admin-screen-to-be-blank-except-for-nav-bar
http://stackoverflow.com/questions/26723842/admin-bar-appears-empty-in-wordpress

Thanks,
Ivan
Dutchman
- The Bug Hunter: Earn your WPMU DEV membership
- 250 pts: Hero points 881 pts: Rep. points LEVEL 7
Hi Ivan,

It seems even with the twenty eleven theme activated it doesn't work. Same problem. The bar is there but nothing to see on a mobile device. When viewing with a normal internet browser on a pc and then resizing it to any size it does work.

Maybe you can check on a smartphone with an internet browser and see for yourself. (e.g. http://demo.careertiger.co.nz)

I can remember something in the pas after WP upgraded to v3.1 or something this happened and Patrick had a good point, just outdated now I guess.

I checked the themes and they all have the wp_footer etc.
aristath
- Recruit: Earn your WPMU DEV membership
- 1,970 pts: Hero points 18,360 pts: Rep. points LEVEL 29
Hello there @dutchmen, I hope you're well today!

Could you please grant us access to your backend so that we may see exactly what is happening?
To do so, from your dashboard go to WPMUDEV => Support => Support Access and click on the "Grant access" button.

Please note that you must have the WPMU DEV Dashboard plugin installed on your site to complete the above process.

Cheers,
Ari.
Dutchman
- The Bug Hunter: Earn your WPMU DEV membership
- 250 pts: Hero points 881 pts: Rep. points LEVEL 7
Hi Ari,

I think it has something to do with the upgrade to a newer version of WP (Patrick told me this ones) Right after the whole responsive feature started to happen.
I have this issue with every Multisite I have setup since the old days (more then 3 years now)

Anyways... just thinking out loud and I have granted you the access on careertiger via the WPMU dev dashboard.

Cheers!
Tyler Postle
- CQO: Earn your WPMU DEV membership
- 2,490 pts: Hero points 13,576 pts: Rep. points LEVEL 28
Hey there Dutchmen,

Hope you're doing well today!

It looks to me like it's been hidden by responsive CSS in your theme. You can fix it by doing this:
```
/* Show admin bar mobile ----------- */
@media only screen
and (max-width : 783px) {
#wpadminbar {
display: block !important;
}
}
```
Normally we wouldn't use the "!Important" declaration but sometimes it can be a necessary evil when overwriting styles.

If you don't have a custom css sheet then you can use this plugin here: https://wordpress.org/plugins/simple-custom-css/

Hope this helps!

Look forward to hearing back.

All the best,
Tyler