Header not displaying properly on mobile and page moves on phone

Hi,
My header in my template is displaying incorrectly when viewed on my iphone. Also, the page moves when scrolling down.

I have attached a screen shot. Any help is appreciated.

I checked in my phone and it looks better now:

Did you get it solved?

Yes, thank you. Did you do something to resolve this because I have this issue on other templates when i alter the header/logo?

Hi, the logo is not legible, it shrinks.

How do I make it larger on mobile?

Thanks

Also, the logo should be in the center on mobile, and it shows up on the left.

Thanks.

I fixed it. It is not in the css or code, it is in the responsive settings of the header

Thanks.