Hi there!

If I may...

You can use the following code snippet in your custom CSS:

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

I have used 1024px as a breakpoint in the above code. You can put your desired resolution there.

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