Topic: Changing BP Admin Bar to Fluid Width in BuddyPress Default Theme · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Changing BP Admin Bar to Fluid Width in BuddyPress Default Theme

@member11

Participant

14 years, 9 months ago

Hi,

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?

Thanks

Paul

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

@windhamdavid

Participant

14 years, 9 months ago

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.

@member11

Participant

14 years, 9 months ago

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?
@marco72

Participant

14 years, 9 months ago
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.