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.

https://garden-perfection.co.uk/walthamstow/

Hello there,

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

    @media only screen and (max-width: 1024px) {
      
      .site-header,
      .site-header.fixed{
        position: relative !important;
        z-index: 9999;
      }
      
    } 

Regards,
Kharis

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