Support » Themes and Templates » Center menu in bones theme

  • Resolved oes


    hello everybody!

    i build a page with the bones theme, it is almost done, but i am unable to center the menu. i tried with
    li text-aligne center, etc.
    but wether it is the wrong codepice or the wrong spot in the less-script.
    you can see the side:

    does anybody know how to do it?!

    thank you so much!!!!!

Viewing 10 replies - 1 through 10 (of 10 total)
  • This CSS code will do it.

    #inner-header nav {
        background-color: #000000;
    } {
        display: table;

    wow, thank you, it works perfect!!!

    another question:
    is there a possibility to put a Vertical line | between the buttons, instead of the lines which are there at the moment?? and the last line shouldn’t be there, too.
    where do i have to put it, somewhere in the php?

    would be wonderful, if i could get this to work as well.

    thank you so much again.

    You’re welcome!

    Try this

    .nav li {
        border-right: medium none;
        display: inline;
    .nav li:before {
        color: #FFFFFF;
        content: "07C";
        float: left;
        margin-top: 3px;
    .nav li:first-child:before {
        content: "";

    wonderful – works! you really helped me.
    sun for you and all of us!!!
    peace oes

    oh, i just saw that the first and the last line are thicker and have another color (gray)? how does this come?
    i put it on the side, so you could see it…

    Glad to help!

    Just a small change to the content: property.

    It should be content: "\ 0 0 7 C" (remove the spaces in between) the backslash and zero were stripped when I posted this previously.

    That’s because of the following CSS code

    Line 1003

    #menu-item-200 a {
      color: #CCCCCC;
    #menu-item-201 a {
      color: #CCCCCC;

    ok, changed content: “\ 0 0 7 C” and it worked.

    i also changed the color of the lines in gray, now it looks ok, but they are still thicker?! is it possible to let them look like the others?

    Thicker??? I can’t see any difference between them, maybe it’s my eye or the different color that is causing an illusion.

    Try removing lines 1003 – 1008 these are the ones causing the grey color.

    ok, thanx, it might be my monitor…
    perfect. nice day!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Center menu in bones theme’ is closed to new replies.