Nav bar width

[Joy]

Hello, I am using this for my page to create a boxed in layout:

body{margin: 0 auto;
max-width: 1140px;}

What do I use for the nav bar to be of the same width? It’s being stretched across the screen. Thank you.

[Alyssa]

@joymolenta try this instead:

body,header{margin: 0 auto;
max-width: 1140px;}

[Paul]

@tjchester This is really cool. What would we need to do to apply a background image afterwards? Does this need a new div adding to header.php? I’d have a look myself but I’m at work right now. Thanks.

[Alyssa]

@style960 perhaps html{background:[code here];}
NOT TESTED

I’m not even sure if you can apply background image to html tag. I don’t see why not.

[Paul]

@tjchester I’ll have a look, thanks.

[Alyssa]

@style960 looks like it may not work with IE7/8 but those aren’t support any longer according to post here: http://stackoverflow.com/questions/4741351/how-to-consistently-set-background-image-on-html-element

[Paul]

@tjchester This works but the scroll-area that sits behind the primary navigation would need to be fixed as well since it scrolls with the page to reveal the background image.

[Alyssa]

Were you able to figure this out?

[Paul]

@tjchester Yeah, all sorted now. Thanks.

[Alyssa]

Great!

[Ted]

@tjchester Hi, I would like to set the desktop theme -always, and keep the scroll-area fixed at all times. It can switch to mobile theme at 320px. How can I achieve this while also keeping the buddypress profile menu nav items to always display as mobile(as icons)? Thanks

[Alyssa]

@surfied I’m afraid the theme is not able to do this. With being a highly specific application you would need custom work to complete this task.

[Ted]

@tjchester. I see. In desktop theme, the scroll-area(buddy panel) stays fixed for some pages like activity, but scrolls down for the member profile page. How can I keep the scroll-area fixed in the member profile page as well?

[Alyssa]

@surfied can you show me some examples of what you mean?

[Ted]

@tjchester I see you updated your demo site and removed the buddypanel scroll-area fixed in non buddypress profile pages. You should have fixed it the other way around. It doesn’t make sense to not have the buddypanel fixed, as it serves as a nav menu just like the fixed header. When the user scrolls down and the buddypanel menu disappears, it becomes a blank waste of space and also disregards its purpose of a nav menu. Would love to see a fix for this.