Mobile Css Help Please

My current Mobile layout looks horrible. The logo is too large, the search bar takes up too much room, the Cart is in a weird spot and the hamburger menu shoud be next to the search bar.

I'm just using the Bright Theme without nay customization. Any idea why it renders so weirdly if I'm using everything stock out of the box? and can anyone help with custom CSS to get it to look nice please?

the site is hobbyheaven.co

Thanks

At least disable block with call request. It takes place under the logo