How to change the breakpoint of the mobile menu?

Thanks for the quick response. I know these documents and I've read through the SPPB documentation, but I cannot work out how to modify the breakpoint for the menu on mobile devices. What elements need to be specified in my custom.css to make the hamburger menu appear on smaller devices, such as

@media screen and (max-width: 768px) { .... { } }

Hi Ludwig.

Try this code

@media (min-width: 768px) {
    .sp-megamenu-parent {
        display: block !important;
    }
    #offcanvas-toggler {
        display: none !important;
    }
}

Hi Pavel,

many thanks for trying to help. I should have mentioned, that I'm using a 3rd party template, which is based on Helix Ultimate, but obviously uses different styling options. But your input gave me the right hints where to look at and I could figure it out for myself. Here is the solution, in case somebody searches here for the same issue:

@media (max-width: 767px) { 
    .uk-hidden\@m { display: block !important; }
    .uk-visible\@m { display: none !important; } 
    }
@media (min-width: 768px) {
    .uk-hidden\@m { display: none !important; }
    .uk-visible\@m { display: block !important; }
    }