Remove white space below main meny and above footer

Hi Guys,

I am having trouble removing the white space below the main menu and above the footer of my site. I have tried all the coding suggested for my other sites but they’re not working. Can you please advise how I can remove them?

My site is


Oh and this is across all pages of the site.

Hi there,

Please try to add this CSS code below to Customize > additional CSS:

.main-content {
    padding: 0;

Thanks Awan,

That works for the space at the top but what about the white space above the footer at the bottom of each page?

Oh and along with the space above the footer as per my previous comment, it looks like there is still some extra white space on all pages other than the home page even below the menu.

Please advise how to fix this.

Hmm… Please try this code instead:

footer.entry-footer {
    display: none;
article {
    margin-bottom: 0 !important;
    padding-bottom: 0  !important;
    padding-top: 0  !important;

Hi Awan,

That’s perfect, thank you!