Thanks for the css in, however it made it worse (the top part of the homepage was hidden beneath the header again). I then removed the code then navigated to the ‘edit page with elementor’ in wp for the homepage.
I noticed that margin-top was set to 186px on tablet view for that section.. so I reset this to 0px (which I think is probably similar to the css code you provided) but interestingly the same issue then occurred as did with the css above.
I reset elementor settings back to what they were as I started playing around with some of the margins, it just made things a whole lot worse
I’ve left your css in just in case you can make sense of it?