[Resolved] mega menu not working

[Ruben]

Hi

I tried the mega menu as suggested here: https://docs.generatepress.com/article/building-simple-mega-menu/

Put the code and added the mega-menu in the css “parent item”, which in this case is “reseña”.

I think I did everything right but the result is a collapsed menu as seen: https://www.mejorbrokerdebolsa.com/blog/
in the reseña item in the main menu.

I wonder what I did wrong.

Any idea?

[Ruben]

Hi

I just saw what was happening

I had:

/* poner separadores en menu*/
@media (min-width: 769px) {
    .main-navigation .main-nav > ul > li:not(:last-child) {
        position: relative;
    }

    .main-navigation .main-nav > ul > li:not(:last-child) > a:after {
        content: "";
        height: 20px;
        width: 1px;
        background: grey;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px; /* half of your height */
    }
}

that I was using as menu separation.

I removed that CSS and now works fine.

So issue sorted.

Have a good day

[David]

Thats great glad to hear you got it resolved. Have a good day too!

[Author]

Posts