Mobile Logo verzerrt

Hello Enfold team,

the logo on the mobile devices appears distorted.
This is strange because it was initially displayed correctly.

Since I wanted to place the burger menu on the right and the logo in the middle, I inserted the following CSS code:

#top div .logo {
     float: none;
     position: absolute;
     left: 50%;
     z index: 1;
     transform: translate3d (-50%, 0, 0);
}

This is the custom CSS code that refers to the logo and it doesn’t seem to be responsible after tests.

Can you help me?

Best regards
Peter