[Resolved] Custom mega menu inside off canvas

[Michael]

Hi there

Based on a recent reply from David concerning this issue, I am trying to implement 6 columns inside the off canvas to display the main menu entries including the sub menus.

However, after changing the off canvas behaviour from “Fade” to “Overlay” within the customizer, the trigger for the menu does not work anymore for some reason. Maybe I made a wrong config this way?

This is what I have changed in CSS to make it appear in 6 columns:

#generate-slideout-menu.main-navigation .main-nav>ul>li:not(:first-child) { 
width: calc(16.67% - 50px); 
}

Thanks a lot for your support, appreciate it.

Best,
Michael

[Ying]

Try removing this CSS:

.offside--right.is-open {
    transform: translate3d(-550px,0,0)!important;
}

[Michael]

Oh thank you Ying – issue solved (had to remove some other random CSS, now it works as expected).

[Ying]

Glad to hear that 🙂

[Author]

Posts