• Creator
    Topic
  • #8319

    Michelle Reynolds
    Spectator
    Been thanked: 0 times

    I am trying to center the navigation buttons. I have tried several CSS suggestions that I searched on in the forum but none of them have worked. This is what I currently am using but I don’t see a change.

    .nav-menu {
    display: block;
    margin: 0 auto;
    text-align: center;
    width:960px;
    }
    .nav-menu li {
    display: inline-block;
    float:none;
    border-right:0;
    }

    http://www.supplementcounsel.com/blog/

Viewing 4 replies - 1 through 4 (of 4 total)
Replies
  • Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9326 |

    the correct code should be:

    Code:
    ul.nav-menu {
    display: block;
    margin: 0 auto;
    text-align: center;
    width:960px;
    }
    ul.nav-menu li {
    display: inline-block;
    float:none;
    border-right:0;
    }

    I recommend to disable the rollover effect in this case because it will mess the menu

    Michelle Reynolds
    Spectator
    Post count: 6
    Been thanked: 0 times
    #9333 |

    That worked! Thank you!!!! How do i disable the rollover? I can’t seem to find an option for that.

    Roman
    Keymaster
    Post count: 2543
    Been thanked: 29 times
    #9338 |

    use this rule:

    Code:
    .link-effect a:hover span, .link-effect a:focus span {transform:none;}
    Michelle Reynolds
    Spectator
    Post count: 6
    Been thanked: 0 times
    #9345 |

    Great … Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.