Opened 14 years ago
Closed 14 years ago
#18509 closed defect (bug) (invalid)
CSS problem for '#wpabar'
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | normal | Version: | 3.2 |
Component: | General | Keywords: | |
Focuses: | Cc: |
Description
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) |
Cheers...
There is no
grey.css
file in WordPress 3.2.1. It probably belongs to "WordPress Admin Bar" plugin, which is deprecated and has been replaced by the admin bar built into WordPress.