Huge white space between header and content

There is a huge white space between the header and content on all pages except the about me page.
How do I fix this without disturbing the about me or home page layout
My website is https://rutudesai.com

Hello there,

Try enabling “Page Builder” template for all of your pages like About Me.

Regards,
Kharis

Doesn’t help. The page builder template seems to overlap the content over the header on the hire me page. I started another thread before this where I was advised to switch to full-width template to solve the overlap issue and it worked.
The issue for the gap seems to be jetpack plugin, as deactivating it temporarily solved the problem.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-template-template_fullwidth .site-content {
      padding-top: 0 !important;  
    }

    @media only screen and (min-width: 1024px) {
      .page-template-template_fullwidth .sticky-wrapper {
        min-height: 122px !important;
        max-height: 122px !important;
      }  
    }

Regards,
Kharis

Hi, this worked for all full-width pages but the blog pages with sidebar still have the white gap.

Hello there,

Try this code:

    .site-content {
      padding-top: 0 !important;  
    }

    @media only screen and (min-width: 1024px) {
      .sticky-wrapper {
        min-height: 122px !important;
        max-height: 122px !important;
      }  
    }

Regards,
Kharis