Header overlaps all content

I have sticky header enabled and I have used top padding on rows to manage on all pages except the Blog/Posts page where I cannot get it to stop overlapping the content.


Could you please help me edit this page so it displays correctly?

Hello there,

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

    @media only screen and (min-width: 1025px) {
      body:not(.home) .sydney-hero-area {
        padding-top: 200px;



Thank you. That worked for the blog page but now all of the others have a larger headers - even after I removed the padding on the row of each page.

Also, is there any way to make these pages full width instead of left aligned? I tried in the row attributes but it is either running off the page or left aligned. No in between.