Content overlaps the header on mobile?

Hello, i was hoping if someone can help me please.

My content is overlapping the nav header on mobile, but it is behind the transparent header on desktop, how can i fix??!

If view gallery pages on mobile, you get stuck on the page.

Hello there,

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

    @media only screen and (max-width: 1024px) {
        position: relative !important;
        z-index: 9999;


This hasn’t worked? Submenu is a few px overlapping header? I can fix? Can you help please?