@media screen and (max-width: 767px) {
.themonic-nav ul {
z-index: 99;
}
}
This resolves the rendering but does reveal another problem that's not easily solved - to open (and close) menus on mobile you need to tap so any menu item that isn't a leaf item can never open a link.
For events I've solved this by adding an "All Events" sub-menu under events. Other non-leaf menus with this problem are "Results" and "Home".
Fixed using some custom CSS:
@media screen and (max-width: 767px) { .themonic-nav ul { z-index: 99; } }
This resolves the rendering but does reveal another problem that's not easily solved - to open (and close) menus on mobile you need to tap so any menu item that isn't a leaf item can never open a link.
For events I've solved this by adding an "All Events" sub-menu under events. Other non-leaf menus with this problem are "Results" and "Home".