- This topic has 12 replies, 3 voices, and was last updated 4 years, 5 months ago by
.
-
Posts
-
There are two issues:
1. On the off canvas menu – two menu items are put together on the same line.
2. On the Secondary menu when seem on mobile – The Menu Name is shown on the right and the menu list items on the right. And this makes the menu not very easy to use for the users.
Thanks
Customer Support
Hi there,
Can you disable the LightSpeed cache so we can view the source code better?
Thanks.
Lightspeed disabled Thanks Leo!
Customer Support
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-locationLet 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-1961371That way you don’t need to add any CSS and would allow other customizer controls for the off canvas panel to work.
- You must be logged in to reply to this topic.
