[Resolved] Off Canvas Menu overflows only on iOS

[Yannick]

Hello,

I am using an off canvas menu, which works great, but if certain menu entries are opened in an WebKit based browser (I can only test with iPadOS and iOS), the menu overflows to the right. You can see how the close button moves to the right. That doesnt happen on other devices, so I think it is some browser specific CSS issue, but I am not able to find out what the issue is.

Perhaps you now the answer?

Kind regards
Yannick

[David]

Hi there,

i only notice it on smaller devices where there isn’t room for this link text: Reform des Psychotherapeutengesetzes
You can try adding word-wrap to the menu items:

#generate-slideout-menu .main-nav .sub-menu a {
    word-wrap: anywhere;
}

[Yannick]

Hi David, that fixed it thank you very much! I thought I tried that before but I think I missed it.

[David]

Glad to hear that!

[Author]

Posts