WordPress.org

Ready to get started?Download WordPress

Forums

Frisco for BuddyPress
[resolved] How to center top navigation ul? (3 posts)

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic