WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I've been trying to find a way to force the BuddyBar to scroll with the page instead of float at the top of the browser window when scrolling down the page.

I been searching the net for this but can't seem to find anything on it anywhere. Has anyone tried this yet?

This is on a multisite install.

share|improve this question
I'm actually going to advise against this. In the next version of WordPress, we've added a feature where clicking on an empty portion of the toolbar will automatically take you back to the top of the page. If the toolbar moves when you scroll the page, you won't be able to use this navigational feature ... – EAMann Feb 23 '12 at 17:29

I believe that's #wp-admin-bar. At least it is on Wordpress 3.3.1 and BP 1.5.4

share|improve this answer

You need to modify the css position:fixed to position:absolute for #wpadminbar:

#wpadminbar {
    position: absolute;

You can put the following in your function.php

//hook the header output to make the BuddyBar fix and scroll with the page
add_action('wp_head', 'azizur_buddybar_scrolled');

function azizur_buddybar_scrolled() {
    echo '<style type="text/css">#wpadminbar {position: absolute;}</style>';
share|improve this answer

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.