Topic: Moving the navigation menu to left side..

Moving the navigation menu to left side..

bojankibebe
Member

@bojankibebe

13 years, 2 months ago

I have a beginner question, how do I move the navigation menu to the left side like it is on this website.
I am using the bp default theme with BP.1.5 and WordPress 3.2.1

Please help have been trying to find a solution for a while and thought it would be easier with the new update..

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

modemlooper
Moderator

@modemlooper

13 years, 2 months ago

With this CSS :

#navigation {
text-align:left;
}
@mercime
Participant

@mercime

13 years, 2 months ago
Create a bp-default Child theme. In your child theme’s style.css file, add these:
```
#navigation {
text-align: left;
}
#nav {
left: auto;
margin: 40px 0 0 20px;
}
```
EDIT – took too long to answer
cupid4
Participant

@cupid4

13 years, 2 months ago

@mercime is it possible to “center” the menus the same way?

bojankibebe
Member

@bojankibebe

13 years, 2 months ago

It worked awesome thanks guys!! Could i bother you with one more question i am trying to put a small logo instead of the text up on the header but i am unsuccessful so far…any tips?

this is what I put on style css

#branding {
padding: 20px 0 10px;
#blog-title a {
background:url(imageurl.png) no-repeat top left;
text-align: left;
}
@mercime
Participant

@mercime

13 years, 2 months ago
@cupid4 sure.
```
#navigation {
text-align: center;
}
#nav {
left: auto;
margin: 40px 20px  0 20px;
right: auto;
}
```
bojankibebe – we have no such ID’s in bp-default so can’t say what’s going on with your styles
cupid4
Participant

@cupid4

13 years, 2 months ago

@mercime thanks! that look great with my header image, actually that edit alone can go on published child theme named ” buddypress centered ”

bojankibebe
Member

@bojankibebe

13 years, 2 months ago

I see..any ideas on how to put the logo up instead of the text on the header with the bp default theme?

cupid4
Participant

@cupid4

13 years, 1 month ago

@mercime can you please guide me what to edit in the above code to work with Arabic website? I tried to do that to Arabic but never centered, the navigation stay the same.

@mercime
Participant

@mercime

13 years, 1 month ago

@cupid4 that would be in this CSS file at buddypress/bp-themes/bp-default/_inc/css/default-rtl.css that’s enqueued in bp-default and automatically enqueued in child theme

cupid4
Participant

@cupid4

13 years, 1 month ago

@mercime Thanks so much, found file and worked well now