Staff replied Templates

Magnin Template: Off canvas Menu not working in mobile or tablet view

Asked by Joel 3 years ago Last activity 3 years ago

With the magnin template, I would like to have the following menu view:

  • Desktop view: only mega menu (no off canvas)
  • Tablet and mobile view: only off canvas menu

Configuring the menu type to mega menu results in the desired dektop view, however the menu in the mobile and table view has disappeared completely. How can i achieve the desired result?

1 reply

Paul Frankowski Senior Staff
3 years ago · edited

Hi Joel,

In Template options > Custom Code > Custom CSS add/paste:

@media (max-width: 1024px) {
#sp-header #offcanvas-toggler.mega { display: block !important; }
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  z-index: 99999;
  height: auto;}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: red; }

it should help.

Log in to reply.