Mobile view: header height

Hi Milos

Thanks for previous assistance with the header on this site
Am now finding an issue with mobile phone view.

When I scroll upwards the menu looks like attached image ... this image was created by resizing the browser.

Can the height be increased to a little higher than the logo?

On a mobile it is very similar very similar but the logo image also appears elongated.
 
Any ideas? 

Hello,

I can't reproduce this error on my devices. On both desktop and mobile screens, your logo is inside the yellow header.

Regards,
Milos

Sorry, I see now that problem is visible in the floating menu only on mobile devices. Please edit file custom.css and change this:

to this:

This will increase the height of the floating menu to 120px.

Regards,
Milos

Much appreciated, Milos. Fixed.

Sorry to be a nuisance. The logo is elongated ie narrow. What can I do to get the logo back to square?

You can add this code below in custom.css (after the code I gave you previously):

Regards,
Milos