Cannot Control Break Point For Off Canvas - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Cannot Control Break Point For Off Canvas

MD

MW Dev

Helix Framework 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

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #38232

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

0