Skip to:
Content
Pages
Categories
Search
Top
Bottom

Moving the navigation menu to left side..

  • Avatar of bojankibebe
    bojankibebe
    Member

    @bojankibebe

    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)
  • Avatar of @modemlooper
    @modemlooper
    Moderator

    @modemlooper

    With this CSS :

    #navigation {
    text-align:left;
    }

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    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 :-)

    Avatar of cupid4
    cupid4
    Participant

    @cupid4

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

    Avatar of bojankibebe
    bojankibebe
    Member

    @bojankibebe

    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;
    }

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @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

    Avatar of cupid4
    cupid4
    Participant

    @cupid4

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

    Avatar of bojankibebe
    bojankibebe
    Member

    @bojankibebe

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

    Avatar of cupid4
    cupid4
    Participant

    @cupid4

    @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.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @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

    Avatar of cupid4
    cupid4
    Participant

    @cupid4

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

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

You must be logged in to reply to this topic.