Я использую тему KALIUM для WordPress. И нужно, чтобы пункты меню навигации были центрированы.
Я уже разместил логотип в центре и элементы меню с помощью margin left:-30%; padding-right:20%;, и он работает в Chrome, но в браузере Safari он выглядит иначе.
Как мне сделать это горизонтально по центру?
header.main-header .logo-and-menu-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
div.menu-column {
border-top:2px solid;
width:100%!important;
background-color:#f2e2a2;
}
ul#menu-main-2.menu {
padding-right:30%;
margin-left:-25%;
}
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul ul, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu ul {
color:black!important;
background-color:#f2e2a2;
border-left:1px solid;
margin:0!important;
}