The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Center menu items Reply To: [Solved] Center menu items


Remove the floats

#kt-navigation li {
    display: inline;
    font-size: 12px;
    margin: 0;
    padding: 0;
    /* float: left; */  /* remove the float */
    position: relative;
    padding: 0 30px 0 30px;
    border-right: 1px solid #ffffff;

then set the menu to align the contents to the center

#kt-navigation {
    list-style: none;
    margin: 0px auto;
    position: relative;
    text-align: center; /* this */