Premium Theme Support › WooThemes › Delicious Magazine

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
    danieldudzic
    Staff

    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.