I am having problems fixing the logo. I want to move the logo down to where it is center with my navigation, I have tried fixing it with the margin but when I do that it interferes with the header and it does not look correct. It looks okay when the height of the header is full, but when it collapses it messes up. Do you have any suggestions?
The website is http://new.kitchandschreiber.com/
Hi
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .logo img {
margin-top: 16px;
}
@media only screen and (max-width: 989px) and (min-width: 768px){
#top .logo img {
width: 80%;
height: auto;
margin-top: 19px;
}
}
Regards,
Devin