Logo verzerrt auf mobilen Endgeräten

Hallo zusammen,

dies ist meine erste WordPress Seite für einen gemeinnützigen Verein, sie ist im September live gegangen, ich nutzte das Theme ‚Pet Club‘ von Themerex. Nun habe ich einiges versucht dass sich das Logo nicht verzerrt wenn man die Seite per Handy aufruft, bisher ohne Erfolg, deswegen hoffe ich dass ihr mir helfen könnt.

Die Ansicht sieht normal aus wenn man die Seite am Notebook aufruft, mit dem Handy verzerrt es sich in vertikale Richtung. Die Menüleiste ist in der Bildschirmansicht oben gefixt. Da sich das Logo dabei anfangs verkleinerte, half mir damals bereits der Themerex Themesupport. Hier das aktuelle zusätzliche CSS:

.top_panel_fixed .menu_main_wrap .logo_main {
max-height: 500px;
}

.top_panel_fixed .menu_main_wrap .logo {
margin: 0px 0;
}

body.custom-background {
background-color: #b3d69a !important;
}

.menu_main_wrap .logo {
margin: 20px 0;
}

Sieht jemand den Fehler oder sollte ich was ergänzen?
Ganz lieben Dank schon mal!!!!

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]