Cannot Control Break Point for Off Canvas - Forum | JoomShaper
Staff replied Helix Framework

Cannot Control Break Point for Off Canvas

Asked by MW Dev 4 years ago Last activity 4 years ago

Hello,

I cannot find a setting for the mega menu / off canvas to control which width to activate the off canvas toggler and collapsing of the menu. Why is this setting not in the template config?

As a result, I have a layout that I need the mega menu to show on tablet. I am using a default header "full width center." I cannot seem to find the correct CSS to override and force the mega menu to show on tablet width devices.

I only want the menu to collapse on mobile/phone.

What would be the correct CSS override to force the menu to display on tablet?

Thanks

1 reply

Rashida Rahman Staff
4 years ago

Hi there!

Thanks for contacting us.

Do you want to show megamenu in your tablet? Is it showing the offcanvas menu only?

Which template you are using, please? And what is the device resolution, I mean on which resolution you wants it as a breakpoint?

For Helix Ultimate based template here is a sample code, you need to put it into custom CSS:

@media (max-width: 1024px){
#offcanvas-toggler {
display: flex !important;
}
.sp-megamenu-parent{
    display:none !important;
}
}

I have used 1024px as an example, you can use your desired resolution instead.

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

Log in to reply.