No "Off Canvas" menu displaying - Forum | JoomShaper
Staff replied Templates

No "Off Canvas" menu displaying

Asked by faith 5 days ago Last activity 4 days ago

To whom this may concern,

The "off canvas" mobile menu display doesn't work for the template "shaper_educon". The menu doesn't display when I use a mobile to access the website or a desktop.

May I have some assistance in resolving this, please?

Kind Regards,

1 reply

Paul Frankowski Senior Staff
4 days ago · edited

Hi,

To be honest the problem was made by your custom changes, I mean when you added background image for header, and then dark [=] (mobile menu icon) is not visible (low contrast). You have two solutions:

  1. Change color of [=] icon or
  2. Hide bg image on mobile view.

If (1) use that Custom CSS


@media screen and (max-width: 860px) {
 #offcanvas-toggler {line-height: 60px;}
#offcanvas-toggler > i {color: yellow;font-size: 26px;}
}

Effect after using it (mock-up)

info__659.jpg


If (2) use that Custom CSS:

@media screen and (max-width: 860px) {
#sp-header {background-image: none !important; height: 60px;}
#offcanvas-toggler {line-height: 60px;}
}

Effect after

info__657.jpg


Later remember to disable extra Menu module, now you have two menus there.

info__660.jpg

Log in to reply.