Skip to main content
3 of 3
Format code and list
Joe
  • 105
  • 1
  • 9

Actually figured out a way via CSS. Just type the following code into your Custom CSS field:

@media (max-width:1210 px){
  .sp-megamenu-parent > li > a {
    display:none;
  }
  #offcanvas-toggler {
    display: block!important;
  }
}

Note that:

  • This makes your megamenu parent disappear, and your offcanvas toggler appear at a screen size of 1210px and below (which is perfectly the longest size of my main menu in the language with the longest words)
  • .sp-megamenu-parent > li > a and #offcanvas-toggler are the css-names of my main menu and offcanvas menu respectively; make sure you type in yours to make things work for you equally well.
Joe
  • 105
  • 1
  • 9