Sticky Header Over website content / Size

I fixed the sticky header issue thanks to your precious guidance, now I should just understand how to move the whole website content a little downwards in order not to cover the elements on top of the website and reduce the height of the header itself slightly in order for it to be less invasive on the screen.

Thank you for your help!

Hello there,

Thank you for raising a new topic for new question. I am happy to help out.

Try adding this CSS code to Additional CSS.

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

Regards,
Kharis
aThemes Support