Blog post covered by header

Hello!
I’ve modified the header as you suggested and now works perfectly, as well as adding padding top in order to move content downwards in order not to leave it under the header.

My only issue is that ONLY in blog posts the content is still under the header.

Here’s the link: https://sonomusic.co/artist/tekla/
or https://sonomusic.co/news/amy-winehouse-in-anteprima-un-estratto-dal-documentario-su-back-to-black/

Thank you!

Hello there,

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

    @media only screen and (min-width: 1024px) {
      .sticky-header .site-content {
        padding-top: 90px;
      }
    }

    @media only screen and (max-width: 1023px) {
      .sticky-header .site-content {
          padding-top: 50px;
      }  
    }

Regards,
Kharis
aThemes Support

Thank you, it works for posts BUT then leaves the empty space on the top of other pages like https://sonomusic.co. It fixes one side and breaks the other.

Hello there,

I checked your site and I can’t get the gap issue clearly on homepage. I am sorry.

Can you take a screenshot where the issue appears on homepage? Does it only appear on a specific screen size?

Regards,
Kharis
aThemes Support

I don’t how and why, but after refreshing the issue was solved.
Thank you!

1 Like

Awesome!

Thank you for letting me know that you got it resolved itself.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support