Sign up ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I've styled my header to have a fixed top position. While logged in to wordpress, the wp admin nav bar covers the top section of my header making imposible to access my top navigation. I would like for the wp admin nav to push my top navigation below so both are visible. Does anyone know of any solution to fix this problem?

An example of my problem can be found at...

share|improve this question

2 Answers 2

up vote 4 down vote accepted

in your css you could try something like: body.logged-in{margin-top:20px;} or if this doesnt work some other code using the .logged-in class

share|improve this answer
This (incorrectly) affects all logged in users. Consider the answer by Brent instead. – Chris Burgess Jul 17 '12 at 11:06

Try adding this to your CSS file:

body.admin-bar #branding-wrap{top: 28px;} 
body.admin-bar #wrapper{margin-top: 145px;}

the body.admin-bardeclaration at the front will make sure that these styles only get applied when the admin bar is visible.

share|improve this answer
body.admin-bar is the correct selector (and this the correct answer). Zach L's answer affects all logged in users, but only logged in users with content editing permissions have the admin bar visible and need the header moved down the page. – Chris Burgess Jul 17 '12 at 11:06
interesting... I've never personally had a setup with any users without these permissions. I imagine its the same as if in the user settings they disable the admin bar. – Zach Lysobey Jul 17 '12 at 15:43

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.