Please go to Theme Options -> Header -> Header Height and set it to probably 180px. This will extend the header background.
The logo on the left is not centered with the text
Sorry I don’t understand this issue.
For desktop view, the logo and site title is left align by design.
Do you mean that you want them to be the same layout as your mobile view? Everything centered?
Or you want to move the site title down to middle of your logo image?