iPad padding? Q1

Site URL: https://smilodon-ocelot-my5f.squarespace.com/

Hi,

I've added padding to my site in DESK view.

However, I've found that somewhere between DESK and MOBILE view, the padding changes and adds extra space to the header.

Does anyone know if there is a way to keep the header (logo and nav icon) aligned to the image?

pass: trythis

Below are landscape and portrait ipad views...