Left Slide-In Menu Blank in iOS (iPad)

[JimFraeErskine]

I've implemented a very simple slide-in left menu as per the example given on the plugin home page. This works perfectly on Chrome on my desktop PC and on a Kindle Fire HD but on an iPad running either Safari or Chrome the menu is blank (white) when it appears and momentarily flickers into existence as the menu is closed again. I've tried playing around with the z-axis parameter in the CSS to no avail. I've also tried the same thing on other pages that are not doing anything special except just display some text - and it never works.

Anyone else seeing this?

[JimFraeErskine]

It's OK chaps - I solved it myself. There was a conflict in my CSS with some overflow references. Rewrote that and it started working. Sorry for the false alarm.

[kdigital81]

I'm having a similar issue. Works fine on my desktop but when viewing it on my iphone the menu slides out but it is completely transparent. However if I click where the links should be in the slide out menu I navigate to another page.

It's like my slide out menu is completely transparent on the iphone.

[artberri]

Check your own CSS, I think that you will have a similar as @JimFraeErskine If you still have problems show me your web/code

[kjprince]

@JimFraeErskine could you be more specific about the overflow references....where were they? I'm having the same issue. Thanks.

[rentageekmom]

For anyone in the future ... Had this issue, it was a plugin adding:

html {
    -webkit-overflow-scrolling: touch;
}

had to change to:

html {
    -webkit-overflow-scrolling: auto /* fixes ios11 bug with sidr */
}