Header on mobile is not fixed at the top

Hi all,

I’m currently customizing the Dara theme for my new website. All looking good on desktop, but for some reason when I go to mobile the header isn’t fixed at the very top and you can see the background colour peeping over the top.

It doesn’t do this on preview mode – only when I open it on my phone.

Any tips would be extremely appreciated – very new to WordPress!