Hello, I changed the size of the header to accommodate the logo, and now the menu is up farther rather than centered by the logo. Is there something in CSS that would fix this?
Can you please share your URL and the CSS you have added so that I can have a look at it for you? Ty.
The URL is http://cs10.temp.domains/~lamacch1/lovinaway/
And the css I have added is…
.logo {
padding: 0;
margin: 8px 0;
}
.logo img {
max-height: 87px;
}
.logo:before {
margin-right: -1em;
}
.fixed-position .logo {
padding: 0;
margin: 8px 0 0;
}
.logo a {
padding: -5px;
}
.search-form {
top: 33px;
z-index: 999;
}
.navbar-default .navbar-toggle {
top: -59px;
}
@media only screen and (min-width: 992px){
.navbar-default .navbar-nav > li {
padding: 35px 6px 0;
}
#header.fixed-position .logo {
height: 87px;
}
#header.fixed-position .logo img {
max-height: 87px;
}
#header.fixed-position .navbar-default .navbar-nav > li {
padding-top: 37px;
}
.navbar-default .navbar-nav > li > a {
height: 58px;
}
}
@media only screen and (min-width: 1025px){
#header.fixed-position {
height: 95px;
}
#header.fixed-position .navbar-default .navbar-nav > li > a {
height: 58px;
}
}
@media only screen and (min-width: 1230px){
.navbar-default .navbar-nav > li {
padding: 50px 9px 0;
}
.navbar-default .navbar-nav > li > a {
height: 72px;
}
}
@media only screen and (min-width: 1600px){
.navbar-default .navbar-nav > li {
padding: 46px 14px 0;
}
}
/** ipad menu style **/
@media only screen and (max-width: 991px){
.navbar-collapse {
background: #ffffff;
}
.navbar-default .navbar-nav > li {
border-top: 1px solid #ffffff;
}
#header .navbar-default .navbar-nav > li > a {
color: #474D4B;
}
#header .navbar-default .navbar-nav > li > a:hover, #header .navbar-default .navbar-nav > li > a:focus {
background-color: #f8f8f8;
}
}
#header {
border-bottom: 0;
}
.logo {
border-right: none;
}
.navbar-default .navbar-nav .v-divider {
border-left: none;
}
#header.white-header.fixed-position
.navbar-default .v-divider {
border: none;
}
.default-page .navbar-default .navbar-nav .v-divider {
border-left: none;
}
.feature-block {
background: #9461b0;
}
.article .thumbnail .meta .country {
display: none;
}
.article .thumbnail .meta .activity {
display: none;
}
.article .info {
display: none;
}
.feature-block li:before {
background: #ae76b3;
}