Big gap below header – responsive 4.0

You could try adjusting the margins on the first two classes/id below. If you really need to tightened even more you could adjust the padding on #wrapper. I tested this before but ended up liking the default theme margins but below were from my own test.

img.custom-logo { 
    margin: 20px 0;   
}
Example: Change to margin: 5px 0 !important;

#wrapper, #wrapper body.home #wrapper {
margin: 20px auto 0;  
}
Example: Change to margin: 5px auto 0 !important;

#primary, body.page.page-boxed #primary, body.page.page-content-boxed #primary, body.page.page-fullwidth-content #primary, body.single.single-boxed #primary, body.single.single-content-boxed #primary, body.single.single-fullwidth-content #primary {
    padding: 20px; 
}
Example: Change to padding: 0 20px 20px 20px !important;

• This reply was modified 5 years, 2 months ago by tabatha.j22.

Hi @tabathaj22,

Thanks very much for that! The first two suggestions have had a clear positive effect and I’ve used them straight away.

I couldn’t see any effect from the 3rd so haven’t used it.

But in general looks much better now so many thanks again.

Chris

@ctlsmith We will inform our development team about this and update you earliest.

@tabathaj22 Thanks a lot for helping Chris ??