Off-Canvas menu not working on mobile and only in homepage

Hi there,

i see this:

https://www.screencast.com/t/SloVfPNw

The blue highlighted element is the Off Canvas Panel... and its inside the site-footer element but it shouldn't be.

What is the Elemntor element that is above it ? Is that a footer template or something - can that be disabled so we can see if thats breaking the layout of the off canvas.

Hello, I disabled the footer template, that not soòved the issues, but you could take a look now!

Can you disable all plugins except GP Premium for us to take a look?

That's kind a problem...
I will set up a staging copy for you!

I solved!
For some reason I had to investigate only in the homepage it was this bit of css

@media (max-width: 768px)
.main-navigation .gen-sidebar-nav {
display: none;
}

I changed with :

@media (max-width: 768px)
.main-navigation .gen-sidebar-nav {
display: show!important;
}

And now everything's just fine.

You shouldn't need any extra CSS to make the off canvas menu work.

Ok, I investigated a bit more and I'm pretty sure the issue is related to Elementor addon.
II disabled everything a reactivated the whole plugin set one by one.

It seems like there is an error with the JS used by the off canvas menu, the strange thing is that only in the home page it prevent the menu to display.

The same error occurs in all the other pages, but only in the homepage the off canvas refuses to show :-|\\

No idea about how to fix it...

Just to confirm, does the error occur with Elementor deactivated?

If so you will need to check with E's support team.

Yes, it seems like that. I will contact them.

Sounds good.