Awaiting an answer Helix Framework

Off Canvas Menu not showing at all

Asked by Matt Hunt 11 months ago Last activity 11 months 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/

12 replies

Paul Frankowski Senior Staff

11 months ago

Hi Matt.

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

Matt Hunt Asked this

11 months ago

Thanks, yes

Paul Frankowski Senior Staff

11 months ago · edited

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

Have a nice evening.

Paul Frankowski Senior Staff

11 months ago

BTW

Matt Hunt Asked this

11 months ago

Paul,

Matt Hunt Asked this

11 months ago

haha, magic is a wonderful thing!

Thanks!

Matt Hunt Asked this

11 months ago

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...

Paul Frankowski Senior Staff

11 months ago · edited

On what resolution? reload browser cache and check.

I found it, should be OK now.

Matt Hunt Asked this

11 months ago

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

Paul Frankowski Senior Staff

11 months ago · edited

On website malloyconstructioninc, I used custom.css file

Just simple copy& paste file (via FTP) from Site A to Site B:
/templates/shaper_helixultimate/css/custom.css
And if I rememeber, in Template Options > Menu > Mega Menu > Menu typ : choose "Mega Menu and Off-Canvas" > Save & Close.

Paul Frankowski Senior Staff

11 months ago · edited

< 0.0 >

Paul Frankowski Senior Staff

11 months ago

BTW

In some cases, also that tip may help:

https://www.joomshaper.com/documentation/helix-framework/troubleshooting-faq#off-canvas-menu-icon-missing-on-the-right-in-joomla-6

Matt Hunt Asked this

11 months ago · edited

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;}
}

Matt Hunt Asked this

11 months ago

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,