[afeauto]

Hi there,

I have a website that has a bit too much blank white space between the logo and the menu bar. Is there any way to tighten up this space? Any insight would be awesome! Ideally, I’d love for the social media icons to tuck up into the right side of the logo.

Here is the url: http://clienttest9876.com

Thanks so much!
Abby

[Sakin]

@afeauto: It’s because you have large logo image and that make your header right sidebar where you have social icons float down. It create spaces. So, either you can remove that widget or you can try adding in the following css in “Appearance => Theme Options => Custom CSS” box:

#site-branding, #masthead { padding-bottom: 0; }
.sidebar-header-right { padding: 0; }

[afeauto]

Thank you so much! It’s a lot better. Is there anyway to snug it up a little tighter? Like clean up 0.5″ of white space underneath the logo? So that the bottom of the logo (the white box that reads “Linda Baffa yoga”) has equal distance of white space below it as the white space above the green grass box?

Thank you so much for any help you can offer!
Abby

[Sakin]

@afeauto: OK if you want really tight and nice. Then remove the CSS that I gave your earlier and add the following:
#site-branding,
#masthead,
#masthead .wrapper,
.sidebar-header-right {
padding: 0;
}
@media screen and (max-width: 990px) {
.sidebar-header-right { margin-top: -55px; }
}

[afeauto]

Thanks a ton!
Abby

[Author]

Posts