[Resolved] Submenu not working!!

[Mohamed]

The submenu not displayed !!
2-How can I create a mega menu with GP?
3-Can I display the 1st level of submenu on mobile by default?

[David]

Hi there,

this article explains how to add a CSS created Simple Mega Menu:

https://docs.generatepress.com/article/building-simple-mega-menu/

Once you have that set up i can look at the the CSS required to keep the submenu open on mobile.

[Mohamed]

Thanks David,
I did it but the main thing is fixing the sub menu that not shown on mobile devices?
then think in the second thing ” keep the submenu open on mobile.”

[Leo]

Let’s try to solve one thing at the time.

I can see the submenu when using the mobile simulator from Chrome.

Is that not what you are seeing?

[Mohamed]

Hello Leo,
Please click on the Sub of sub menu it’s not shown !!!!
could you remove the url in your reply ?

[David]

Try adding this CSS:

#generate-slideout-menu.main-navigation .main-nav ul ul {
    right: 0;
}

[Mohamed]

Thanks, It’s working now.
1- How can I display the submenu or sub of submenu by default?

[Leo]

Give this a shot:

#generate-slideout-menu.main-navigation ul li ul {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    height: auto;
    overflow: visible;
}

[Mohamed]

Thanks

[Leo]

No problem 🙂

[Author]

Posts