Off Canvas Menu Not Showing At All - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off Canvas Menu Not Showing At All

MH

Matt Hunt

Helix Framework 3 weeks ago

Hi, On this one site, I can not get the off canvas menu to appear at all. Doesn't make any sense. Obviously I must have done something wrong... Please let me know if you see my mistake. https://kvconnect.org/

0
14 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208707

Hi Matt.

Can you get me in? I have to check a few things.

0
MH
Matt Hunt
Accepted Answer
3 weeks ago #208708

Thanks, yes

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208709

Fixed. I used some magix spells (custom.css).

Have a nice evening.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208710

BTW

0
MH
Matt Hunt
Accepted Answer
2 weeks ago #208865

Paul,

0
MH
Matt Hunt
Accepted Answer
3 weeks ago #208712

haha, magic is a wonderful thing!

Thanks!

0
MH
Matt Hunt
Accepted Answer
3 weeks ago #208715

On the site the mega menu disapears about 160px before the off canvas menu shows. The css code I usually use to fix that isn't working. Any thoughts?

Also, I've another site doing the exact same thing. What was the magic you did on the first one? I see a trend forming...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 weeks ago #208717

On what resolution? reload browser cache and check.


I found it, should be OK now.

0
MH
Matt Hunt
Accepted Answer
2 weeks ago #208866

Hi, I'm still not getting the off -canvas menu at all on malloyconstructioninc.com and it is not showing soon enough on kvconnect.org

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #208873

On website malloyconstructioninc, I used custom.css file


  1. Just simple copy& paste file (via FTP) from Site A to Site B: /templates/shaper_helixultimate/css/custom.css

  2. And if I rememeber, in Template Options > Menu > Mega Menu > Menu typ : choose "Mega Menu and Off-Canvas" > Save & Close.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #208874

< 0.0 >

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #208947
0
MH
Matt Hunt
Accepted Answer
2 weeks ago #208972

Ok, I got it to finally work on both sites by combining the following in the Custom CSS field in Helix with Menu Type of "Mega Menu & Off-canvas". This was on joomla 5.4.0, Helix Ultimate 2.2.1:

@media screen and (min-width: 1460px) {
#menu-right {display: none !important;}
}
.burger-icon {padding-top: 17px;}
.close-offcanvas > .burger-icon {padding: 0;}
.offcanvas-menu .offcanvas-inner {padding-top: 0;
}
@media (max-width: 1460px) {
#offcanvas-toggler {display: block !important;}
#sp-menu .sp-megamenu-parent {display: none !important;}
}
0
MH
Matt Hunt
Accepted Answer
2 weeks ago #209167

Every site I upgrade to Helix Ultimate 2.2.1 is losing their off canvas menu. Is there going to be a fix for this or will I need to keep adding custom css to every site? I've got 200 of them so its a bit of a concern.

Thanks,

0