Skip to:

Changing BP Admin Bar to Fluid Width in BuddyPress Default Theme

  • closed account



    The admin bar appears fluid width by default across my content blogs which use another theme.

    However the 1.2.1 Default theme (which I’m using on my community blog) has the admin bar width limited to the width of the content – in this case 960px.

    I’ve created a child theme where I’m testing some tweaks to the default theme.

    I’ve copied across style.css, header.php and _inc/css/adminbar.css and have been trying a number of different ways to get it to change.

    I’m not fluent in css or php, but have been using some trial and error to minimal effect.

    Can someone please point me in the right direction?



Viewing 3 replies - 1 through 3 (of 3 total)

  • Windhamdavid


    than the admin bar is controlled by lines #17-35 in adminbar.css. The width is set to appear 100% of what is available, and in the case of the default theme – the body is set to 960px and max of 1250px. if your child theme also has the #bp-default css ID for <body> than lines #25-32 of adminbar.css also apply. trial and error is the way to go. :)

    closed account


    thanks for your help.

    I’d been playing around with those settings, but with no luck.

    my issue is that I want keep my site body width as 990px but want the admin bar to stretch fluidly to whichever width the browser extends to.

    my changes seem to effect the body of the site too, and not the adminbar on its own.

    is anyone else running a fluid width using BP-default theme?



    Try this if it works. Just Copy/Paste in your child theme style.css

    BODY#bp-default #wp-admin-bar .padder
    width: auto !important;

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing BP Admin Bar to Fluid Width in BuddyPress Default Theme’ is closed to new replies.
Skip to toolbar