Hello,

For no apparent reason, my admin bar just broke. It appears unstyled below my footer in Chrome and Safari, but works fine in IE, Opera, and FireFox. I’ve deactivated all (recently added and nonessential) plugins and it still doesn’t work in the Webkit browsers. I cannot figure it out.

It works with the default theme, but is broken in the child theme I created. I have had no luck in locating the conflict in my stylesheets and actually am not convinced there is one, since it has worked just fine in all 5 major browsers up until the other day. Of course I could be — and often am — wrong.

http://reimaginingcleveland.org/

Any help would be greatly appreciated.

Thanks,

Erin

[@boonebgorges Keymaster 14 years, 7 months ago]

Try moving the @import rule to the very first thing in the document. http://www.w3.org/TR/CSS2/cascade.html#at-import

[@ebellempire Participant 14 years, 7 months ago]

By the way, I notice that in the default adminbar.css, the div #wp-admin-bar has three different z-indexes: 99, 999, and 1000 (#wp-admin-bar *). I am no z-index wizard, but that seems odd to me. That 99 seems wrong.

[@ebellempire Participant 14 years, 7 months ago]

Boone, you rule! Thanks, I guess I put something above that when I added a new plugin without thinking about @import.

[@boonebgorges Keymaster 14 years, 7 months ago]

Awesome!