• Closed
  • Michelle Reynolds
    Spectator
    March 27, 2014 at 8:09 pm #8319

    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/

    Roman
    Spectator
    Posts: 3147
    March 28, 2014 at 7:54 am #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
    Posts: 6
    March 28, 2014 at 12:16 pm #9333

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

    Roman
    Spectator
    Posts: 3147
    March 28, 2014 at 7:11 pm #9338

    use this rule:

    Code:
    .link-effect a:hover span, .link-effect a:focus span {transform:none;}
    Michelle Reynolds
    Spectator
    Posts: 6
    March 28, 2014 at 9:17 pm #9345

    Great … Thanks!