Hi I am trying to create a responsive hero image for my site, but it doesn't work on pad or mobile.

Also on desktop the header menu writes over the top of the image

I have attached some screenshots to show what I mean. Please look at File2 then the screenshot.

I have a single slide slider (as it tried single image and it didn't work either).

When I am on my iPhone my image is tiny and there is a big gap to the text, and my menu is too close to my logo.

I don't know what to do, I have tried everything,

Can you tell me what is wrong?

Thank you

S