#wp-admin-bar .padder{
width: 100% !important;
}
that should make it look like the admin bar above
You’re probably being foxed by this naughty little ruleset in default.css
`
line 60
#wp-admin-bar .padder {
width:90% !important;
}
`
I’ve changed that to 100% as the first thing i tried, no dice. It makes it wider, but not full page width
try, rather than using !important, removing/ changing the offending ruleset in default. If you have copied default over to your child theme you are better of removing / adjusting styles in it than overriding. If you drop back to using default theme it will pick up the original styles.
Then have you adjusted the min/max widths in adminbar.css?
I have copied the entire default.css into the style.css in my custom theme and reworked it pretty heavily.
I have also made a mirror of _inc/css/adminbar.css in my theme folder and set all the width attributes to 100% in this, no change.
here is a screenshot (site is in maintenance mode, so link is no help :p) http://liveview.no/demo.jpg
Are you sure your @import paths are correct, are you actually calling the right adminbar.css? There are only a few rulesets that will govern these dimensions, Firebug is a extension for Firefox that will allow you to observe which rulesets are applied to an element when you hover the element in the viewport.
../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css is my @import url
id doesn’t seem like the adminbar.css in my theme folder is overriding the default tho
You’re pulling in the original one, if you made changes in a copy then they won’t be applied.
path is :
_inc/css/
if you copied the default structure to a child theme.
ah, I expected it would do like default.css and just override with my changes.
Fixed now, many thanks