Off Canvas Menu clubbing two menu items on one line

Thanks

Hi there,

Can you disable the LightSpeed cache so we can view the source code better?

Thanks.

Lightspeed disabled Thanks Leo!

Hi Kapil,

I can still see the cache plugin is on.

Can you confirm?

try now

Give this CSS a try:

#generate-slideout-menu .menu-off-canvas-container #menu-off-canvas.menu > li.menu-item {
    display: block;
}

Hi Ying Thanks the no#1 problem is resolved.

Can you also provide me solution for #2 issue

Let's go back to No.1, the CSS should not be needed.

Can you make sure you are using the latest GP theme and GP Premium plugin version?
https://docs.generatepress.com/article/generatepress-and-gp-premium/

And have you considered assigning the menu to off canvas panel instead of using navigation widget?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

Let me know :)

I used the CSS you gave me to fix the isse#1

So you want the secondary navigation to go vertically?

If so, try this CSS:

.secondary-navigation.toggled .inside-navigation {
    flex-direction: column;
}

Ming you are the best! All Solved! Big thanks

I would recommend trying Ying's new solution for #1 here:
https://generatepress.com/forums/topic/off-canvas-menu-clubbing-two-menu-items-on-one-line/#post-1961371

That way you don't need to add any CSS and would allow other customizer controls for the off canvas panel to work.