WordPress.org

1. edobejar
   Member
   Posted 6 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

2. WPyogi
   Volunteer Moderator
   Posted 6 months ago #
   

   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.

3. David Carson
   Member
   Theme Author
   Posted 6 months ago #
   

   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.

Reply

You must log in to post.