Mobile header does not behave properly

[ingo]

Hi,

we have a sticky header that does strange things on different iPhones.

At first it loads normaly but after a blink of an eye the background and the logo disappear. They come back directly after starting to scroll. 1px and everything looks as it is supposed to.

Can you please have a look? Secure note will follow.

Thank you

[prakash_s]

Hello @ingo,

Thanks for writing to us.

I tried to access your site dashboard but the given login details are not working please recheck and send us again. It might be the issue of cache, I would suggest you troubleshoot with a few of the common issues before we investigate your settings.

1. Testing for Plugin Conflict
2. CSS/JS Customization
3. Version Compatibility
4. Disabling Cache
5. Child Theme

Hope it helps
Thanks

[ingo]

Hi,

thanks for the reply.

we tried all of that. It didnt help.

There was a tyop in the login details.

please check the new secure note.

Thank you

[tristup]

Hi @ingo,

I have checked your website in iPhone 12 Por using Chrome Debugger Tool and I have also checked Safari using the online testing tool but it seems to load perfectly fine. I would request you please provide any video that helps us to recognize the problem? Also please mention the browser name and version you are using, which helps us to replicate the issue at our end.

Thanks

[ingo]

Hi,

we are using the newest version of safari for ios and also the newest version of chrome for ios. the issue appears on both browsers.

[ingo]

Hi,

did you have the time to check the video? Your help would be much appreciated.

Thank you

[christian]

Hey @ingo,

It looks like this is an issue with Safari 15.4. I’ll post this in our issue tracker so this case will be queued to be further investigated by our development team.

For now, please add the temporary solution in Theme Options > CSS.

.x-masthead {
    z-index: 2;
}

Thanks.

[ingo]

Perfect.

Thank you!

[tristup]

Hi @ingo,

Glad that we are able to help you.

Thanks