Site logo

Archived topic

Custom mega menu inside off canvas

3 replies · Started by Michael on November 21, 2022

Viewing posts 1–4 of 4

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

Try removing this CSS:

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

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

Glad to hear that :)

This archived topic is closed to new replies.