Center menu in Dante Version: 3.18

[9o-iT]

Hey Guys,

Trying to center my menu with header type 1. Strange thing also, with header 1 and 2 the menu is on the right side ( instead of the right side as in the example, and the menu text goes over the search button )

Custom CCS I’m using at the moment:

nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a, #mobile-menu .menu ul li.current-menu-item > a, nav .menu li.current-scroll-item > a {
    color: #114e93 !important;
}

nav#main-navigation .menu > li, .header-4 #main-navigation .menu > li, .header-5 #main-navigation .menu > li, .header-7 #main-navigation .menu > li {
  padding: 0 20px 20px;
}

[David Martin – Support]

Hi,

You would need this:

nav#main-navigation ul.menu {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.header-1 nav#main-navigation .menu > li {
    padding: 0 10px 4px;
    text-align: center;
    float: none;
    display: inline-block;
}

Thanks.