Make WordPress Core

Opened 2 years ago

Last modified 2 years ago

#42300 new defect (bug)

Admin Bar CSS assumes body is not positioned

Reported by: joyously Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 4.5.7
Component: Toolbar Keywords:
Focuses: Cc:
PR Number:


The Admin Bar is appended to the body of the page, and uses position: fixed for large windows. A space is made for it by using margin-top on the html tag.
This works fine until the media query for smaller windows changes it to position: absolute and there is user or theme CSS with body {position: relative}. The bar is then positioned relative to the body instead of html (leaving the margin visible and the bar over the top of body content).

I discovered this because I wanted to add a background overlay on the body, independent of the custom background, so I set the body position to relative and body:before to absolute.

A possible solution is to use body padding instead of html margin, but that might interfere more with theme CSS than the current method.

Change History (1)

#1 @SergeyBiryukov
2 years ago

Related: #30055

Last edited 2 years ago by SergeyBiryukov (previous) (diff)
Note: See TracTickets for help on using tickets.