Hey there,
we updated a test environment to J4 according to the update guide. We thought all were good so we switched to production. After some days in production we saw, the offcanvas menu on mobile is broken.
Looks like there are missing styles. It will double the menu entries and after klicking the offcanvas toggler, the menu appears a short time and immediatly hides again.
Kind Regards
Fixed.
In case of similar problems with Helix3 based templates use that:
@media screen and (max-width: 768px) {
.hidden-sm, .hidden-xs {display: none !important; visibility: hidden;}
}
.offcanvas {visibility: visible !important;}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul { margin: 0 5px; display: block;}
https://www.joomshaper.com/documentation/helix-framework/helix3/troubleshooting-how-to-fix
Hi,
easy to fix, I will take a look.