Hi, I needed to remove the white space above and below my logo, so I used the code below from one of your posts. However, the issue is that by putting that code into Custom CSS it also got rid of my Vantage Social Media icons that were on the right hand side of the header as well. How do I get them back while also keeping my logo without white space?
/* Full header logo */
header#masthead {
padding: 0 !important;
}
header#masthead .hgroup {
padding: 0 !important;
}
header#masthead .hgroup .logo img {
width: 1080px;
}
.main-navigation {
margin: 0 !important;
}
body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar {
display: none !important;
}
URL: http://www.zaaya.com
Hi
That CSS is for a full width logo so rather don’t use it. You can set header padding from Appearance > Customize > General: Header Padding. That field will only accept values down to 1. To set header padding to zero, try the following under Appearance > Custom CSS:
/* Vantage Header Padding */ header#masthead .hgroup { padding-top: 35px !important; padding-bottom: 35px !important; }Adjust 35px above, down to zero.
Perfect, that fixed the problem, you’re brilliant, thank you
Super, glad to hear that helped.