How to center top navigation ul?

  • Resolved edobejar

    (@edobejar)


    11 years, 12 months ago

    Hello,

    Can anyone explain me how to center the top navigation ul? I’m using custom.css and so far I can move it to the left or to the right, but not to the center. Of course if I do

    #navigation ul{
    margin-right: 200px;
    }

    I can move it towards the center, but when adding other pages to the menu it misses the position. Any ideas?

    Thanks!

    Edo

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

  • There’s not a perfect solution to that issue — for the reason you mentioned. You’ll just have to modify it if you add menu items.

    Theme Author David Carson

    (@davidtcarson)

    This will get you started. 

    #nav {
   float: none;
   text-align: center;
}

#nav li {
   float: none;
}

    You’ll notice a little movement when hovering over a current/active nav item due to border/hover issue but should be easy fix via CSS.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to center top navigation ul?’ is closed to new replies.