Distorted header on mobile

Hi there,
I’ve previously posted - and you helped resolve - an issue with the header image displaying at different sizes in different browsers. The fix suggested worked perfectly thanks. But now the header distorts horribly on smart phones - both android and iphone. Any pointers on resolving this would be greatly appreciated.
Kind regards,

Hey Sandy,

It’s nice to hear from you again and sorry for this issue. I did check the mobile responsiveness of your site(only by squeezing the screen size) while giving the fix I gave you before but it seems this only happens when the site is visited by a mobile device. Try adding this CSS snippet.

.fl-logo-img {
  height: 100% !important;

It’s marked !important since we are overriding an inline styling.

Hope this helps!