Olá, tenho um blog e não consigo de jeito nenhum centralizar o menu. Eu uso um tema pronto como base, então estou um pouco perdida nos códigos. O tema é responsivo, então não sei qual a classe do menu principal, que aparece nos desktops. Link do blog: http://frutacritica.com ;)
Obrigada!
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
margin: 0;
padding: 0;
border: 1px solid rgba(174, 174, 174, 0.12);
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
ul.nav li.dropdown ul.dropdown-menu li:hover ul.dropdown-menu{
margin-left: 100%;
top: 0;
}
.blogx-navbar {
background-color: transparent;
border-color: transparent;
}
.navbar{
margin-bottom: 0 !important;
}
.navbar-nav li a {
padding-top: 0px;
padding-bottom: 0px;
line-height: 20px;
padding: 0;
background-color: transparent;
margin: 20px 20px;
}
.navbar-nav li:last-child a{
margin-right: 0;
}
.navbar-collapse{
padding-right: 0;
}
.navbar-nav .dropdown-menu li a{
padding: 10px 20px;
margin: 0;
}
.navbar-default .navbar-nav .dropdown-menu li a:hover, .dropdown-menu li a:focus, .navbar-default .navbar-nav .dropdown-menu .active a{
background-color: #68c3a3;
color: #fff;
}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus {
color: #68c3a3;
background-color: transparent;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus{
color: #68c3a3;
}