Make WordPress Core

Opened 4 years ago

Closed 4 years ago

#18509 closed defect (bug) (invalid)

CSS problem for '#wpabar'

Reported by: swill Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.2
Component: General Keywords:
Focuses: Cc:


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)


Change History (1)

#1 @SergeyBiryukov
4 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to invalid
  • Status changed from new to closed

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.

Note: See TracTickets for help on using tickets.