Reduce spacing


#1

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


#2

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


#3

Perfect, Thank you very much.


#4

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


#5

Hi @aatebeje

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