CSS problem for '#wpabar'
|Reported by:||swill||Owned by:|
I believe this bug was introduced in Wordpress 3.2 and still exists in 3.2.1.
In the admin backend (/wp-admin), the admin bar at the top of the page renders 28px from the top and covers the link back to the front end of the site. I have tested this in Chrome, Firefox and Safari and it is a problem in all of them.
The 'body' tag has the following CSS: padding-top: 28px !important; (grey.css:1)
This creates the space where the top admin bar should go.
The page content wrapper '#wpwrap' has the CSS of: position: relative; (load-styles.php:3)
The top admin bar '#wpabar' has the following CSS: top: 0 !important; (grey.css:5)
Since '#wpabar' is positioned absolutely inside '#wpwrap', it is not positioned inside the 28px space that is reserved for it in the 'body' tag, but instead it is placed over top of the top 28px of the '#wpwrap' content.
This is a big problem because it now covers the only link back to the front page of the site from the backend, which actually causes a loss in functionality.
I was able to solve this problem by changing this:
|top: 0 !important; (grey.css:5)|
|top: -28px !important; (grey.css:5)|