How can i Center Align Main Navigation menu?

  • Author
    Posts
  • #58271
    aurumeve
    Member

    Hi,
    I am having trouble with my navigation menu.
    How can i Center Align Main Navigation menu and have it not create a second row?
    Thanks!

    The blog I need help with is: (visible only to logged in users)

    #58440

    Hi!

    Paste this code in custom css:

    #navigation {
        float: left;
        width: 100%;
    }
    #navigation ul {
        clear: left;
        float: left;
        left: 50%;
        position: relative;
        text-align: center;
    }
    #navigation ul li {
        display: block;
        float: left;
        position: relative;
        right: 50%;
    }
    #navigation .nav li ul {
        clear: both;
        float: none;
        left: 0;
        position: absolute;
        text-align: left;
    }
    #navigation li ul li {
        right: 0;
    }

    Let me know if that helps!

    #58454
    aurumeve
    Member
    Original poster

    Thanks! it worked perfectly!

  • The topic ‘How can i Center Align Main Navigation menu?’ is closed to new replies.