Why is my logo scaling incorrectly on Apple devices?

Hi ppl,

I have a problem with the scaling of my logo on Apple devices.

It looks perfect in the theme editor, google chrome and on my Android device, I only have the problem on Apple phones. How can I fix this?

Also to mention is that I have custom css code in my theme editor.

.header-item–logo {
margin-top: -6em;
margin-bottom: -6em;
margin-left: -2em;
flex: 0 0 auto;
transform: scale(1.3);
}
@media (max-width: 1080px) {
.header-item–logo {
margin-top: -2.5em;
margin-bottom: -2.5em;
margin-left: 1em;
transform: scale(2);
}
}

Thanks in advanve.

Rainer


Store URL: schutzschuh.ch

PW: iangew

Theme: Impulse