Reduce spacing

How can I reduce the spacing between the bottom of my menu and the top of my webpages contents? Ideally I’d like there to be no gap. I get the same issue at the bottom of my page between my webpage contexts and footer area. Jesusinbrum.co. uk

Hello there,

to reduce the gap between menu and header slider, you can use these css code below:

.page-template-page-templates article#post-2 .entry-content {
    margin-top: -30px;
}

and for the gap of the footer area, did you mean this http://prntscr.com/9ltvp1?
If so, you can reduce those gap using these css code:

.page-template-page-templates .content-wrapper {
    padding-bottom: 30px;
}

you can use simple custom css plugin to put the css code above

Perfect, Thank you very much.

How can I reduce the space on the top of webitse, and I don’t want to have the social mdea as well.

Hi @aatebeje

You can try to setting it from: Customize > Menus > Social Menu > Menu location > then untick this option “Social Menu”