Reply To: Center primary navigation menu

Homepage Community Forums Epik Theme Support Center primary navigation menu Reply To: Center primary navigation menu

#9993
theapril
Customer

    I think I just figured this out. It has been driving me crazy. Ok, so find this code under *site navigation*
    .genesis-nav-menu {
    clear: both;
    color: #ccc;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    width: 100%;
    }

    .genesis-nav-menu .menu-item {
    float: left; <<<<<<<<<<<<change left to none
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;

    –Right under this paste this following code and change the above float from left to none.

    .genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: center;
    }

    –Right after that you will see this:

    .genesis-nav-menu a {
    border: none;
    color: #fff;
    display: block;
    font-weight: 400;
    padding: 13px;
    position: relative;
    }

    .nav-primary .genesis-nav-menu a {
    color: #fff;
    padding: 13px 26px 13px 0;
    }

    –Right after this, paste this code:

    .nav-primary .genesis-nav-menu {
    text-align: center;
    }

    I hope this works for you.