Archived topic
color CSS Mobile Menu
20 replies · Started by ROHART on April 5, 2020
Hi,
I just installed the theme. He is great.
I have a little problem with the mobile menu.
The background color is ok but the text is illegible. I do not know if it is because it is the same color as the background or if there is no text in the menu.
Can you help me :-)
Grégory
Hi there,
This should help:
https://docs.generatepress.com/article/off-canvas-panel-overview/#empty-off-canvas-navigation
Let me know :)
Thanks Leo.
I see my mobile menu now. But I have a problem. 2 titles of my menu are on the same line. Can you help me to fix it ?
I'm not seeing the issue here:
https://www.screencast.com/t/htx2n4zR
Have you fixed this?
If not maybe this is the option you are looking for:
https://docs.generatepress.com/article/off-canvas-panel-overview/#menu-item-height
I’m not seeing the issue here:
https://www.screencast.com/t/htx2n4zR
I see it.
"Agences locales" and "A propos" have to be on 2 lines. It's 2 items of my menu.
Instead of using a Custom Menu widget, can you try adding a new menu:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#create-a%C2%A0new-menu
Then assign it to off canvas menu?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location
At first, I used my mobile menu and assignated it to the off canvas menu = > I don't see the items of the menu
If I use the menu as a widget, I see it but I have 2 items of my menu on the same line.
I I use the widget AND if I assignate the menu to Off Canva menu, I see it but I have 2 items of my menu on the same line.
I don't understand why I have to create a new menu ?
At first, I used my mobile menu and assignated it to the off canvas menu = > I don’t see the items of the menu
This shouldn't happen. Can you do it again so I can try to see the issue?
Your original issue just looks like there was no menu assigned to off canvas menu.
Done. Check Leo, we don't see the mobile menu.
Can you clear and disable LiteSpeed Cache and any other caching plugin so I can take a closer look of the source?
LiteSpeed Cache is desactivated :-)
Looks like you have this CSS added:
@media(max-width: 768px) {
.main-nav {
display: none; }
}
}
Removing that should solve the issue.
Great, thanks.
No problem :)
I have to fix another thing.
Now, I see the secondary navigation menu when I use my mobile. I don't want to see it. How can I do ?