• Closed
  • Michelle Reynolds
    Spectator
    27.03.2014 at 20:09 #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
    28.03.2014 at 07:54 #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
    28.03.2014 at 12:16 #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
    28.03.2014 at 19:11 #9338

    use this rule:

    Code:
    .link-effect a:hover span, .link-effect a:focus span {transform:none;}
    Michelle Reynolds
    Spectator
    Posts: 6
    28.03.2014 at 21:17 #9345

    Great … Thanks!