Magnin Template: Off Canvas Menu Not Working In Mobile Or Tablet View - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Magnin Template: Off Canvas Menu Not Working In Mobile Or Tablet View

J

Joel

Template 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?

0
1 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #94694

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.

0