Menu items with long titles don't work in mobile view

woodyf4u

Hi,
I am using the T4 Framework template t4 bs5 blank.
Megamenu doesn't work well in mobile view.
That's why I disabled that for small screens and enabled offcanvas menu for small screens.
However, some menu item titles are longer than up to the arrow in the menu view on a mobile.
And then that arrow disappears behind the menu item title and that menu item cannot be pressed to continue.

You can see it when you use a mobile phone ad goes to:
https://www.stichtinghug.nl/
Then navigate to Projecten.
In that menu you see item like "Tandheelkunde Sloppernwijk Polota".
It is not possible to open that item on a small scrteen like a mobile phone.

Is there a way to fix this?

saguaros

You can use this custom css rule:

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item {
    white-space: normal;
}

woodyf4u

Thank you!
That was the solution.