Solved Templates

Mega Menu and the Off Canvas Menu are displayed at the same time

Asked by Deich8 3 years ago Last activity 3 years ago

Hello,
the Mega Menu and the Off Canvas Menu are displayed at the same time, although the menu type is Mega Menu. See the screenshot.
https://imgur.com/a/jOwXryr
The pages have been migrated to Joomla 4 and contain all the latest updates.

Accepted answer

Marked as the solution
Deich8 Asked this

Hi Paul,
thank you for the quick help and explanation.
Best regards
Ingo

5 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Here is only showing Megamenu, it seems ok in my end.

-Regards.

Deich8 Asked this

Sorry it occurs in mobile view for example tablet.

Deich8 Asked this

Sorry it occurs in mobile view for example tablet.

Deich8 Asked this

Hello,
have you been able to look here again?
Best regards
Ingo

Paul Frankowski Senior Staff

If you don't mind, I will check it. This is a very unusual problem.

Paul Frankowski Senior Staff
3 years ago · edited

Ok, fixed for both sites.

I used that Custom CSS fix, it's for Helix3 based templates only.

@media screen and (max-width: 760px) {   
.hidden-sm, .hidden-xs {display: none !important; visibility: hidden;} 
} 
.offcanvas {visibility: visible;}      
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {margin: 0 5px; display: block;}   
#sp-menu > .sp-column .sp-module { margin-top: 0;}

@media screen and (max-width: 990px) {
.offcanvas {visibility: visible;}
}

You can use it for other websites with similar problem.

Log in to reply.