Admin bar covered by some themes
Some themes such as the one currently used by the CUNY Games Network
cover the admin bar.
#9 Updated by Daniel Bachhuber over 10 years ago
We had this same problem with themes on the J-School network a while back. Here's the solution I found: https://github.com/cunyjschool/CUNYJ-BuddyPress-AdminBar/blob/master/js/cunyj_buddypress_adminbar.js Feel free to poke around the plugin for other things we're doing.
#11 Updated by scott voth over 10 years ago
Here’s what I found on this - the admin bar is rendered in the footer and positioned absolutely at the very top of the window. It inherits positioning from the wrapper div, or the container div of the theme, if it exists. So I found setting the wrapper’s top margin or padding doesn’t help.
One solution I found was to force everything down by setting the body’s “margin-top: 28px” – but this seems a little heavy-handed and affects all pages – while the problem is just for blog pages.
A better solution was to set the body’s “padding-top: 28px”. This seems to only impact blog pages – and is overridden on other pages, except on the wiki page.
This uncovered another problem with the admin bar’s z-index. I saw this on the “Games” blog – WooThemes seems to set their z-index for their navigation bars higher (“9998” and “9999”) than the admin bar’s current z-index (“1001”) – thus causing the admin bar content to get over-layed where the two intersect (z-index controls layering). I bumped up the admin bar’s z-index to “11001” and it fixed the issue.
So to recap: 2 little changes to admin_bar.css:
And change #wp-admin-bar's z-index from 1001 to something over 9999.
I am new to this and am open for suggestions…
#12 Updated by Matt Gold over 10 years ago
I'll let Boone speak to your proposed fixes, Scott, but I need to pause for a minute and note that before Boone was the big-time BuddyPress programmer he is today, he began work on the Commons by helping me with z-index issues on the Commons MediaWiki install. Which is to say that I'm feeling pretty optimistic about your potential growth as a developer!!! Keep up the good work and sleuthing.
#15 Updated by Boone Gorges over 10 years ago
- Status changed from Assigned to Resolved
Looks nice from what I can see, Scott. Thanks!