Mobile Issue with Menu on Edge Browser

[piexec]

I’m having an issue with the mobile menu displaying on Microsoft Edge, whereas it works perfectly in Google Chrome. Please help.

Thanks in advance!

[marc_a]

Hi @piexec,

Thanks for reaching out!

I couldn’t replicate the output on the first image, all I am seeing on my Google Chrome and Microsoft Edge is just the same with the second image. Maybe it’s just a cache issue on your Google Chrome mobile device. I suggest that you clear the cache of your mobile Google Chrome.

Hope that helps.

Thank you.

[piexec]

It’s not a caching issue. I’ve tried it on multiple devices. Tablets and desktops. It’s the same on all of them.

In this screen recording, first browser is Chrome, second is Edge.

Recording #57

[piexec]

Its also the same issue in Firefox.

[tristup]

Hi @piexec,

I have checked your website and found the issue in Mozilla Firefox as described in your video. By investigating the CSS I found that the x-modal-bg element is having different value for z-index in Chrome and Mozilla Firefox.

I went ahead and cleared the WP Rocket cache and found working in Mozilla Firefox.

Thanks