[Resolved] Mega Menu won’t appear

[Dmitrii]

I added the code as per the help doc (https://docs.generatepress.com/article/building-simple-mega-menu/), but can’t get the mega menu to appear. What did I do wrong?

[Fernando]

Hi Dmitrii,

There’s syntax error somewhere in your Additional CSS.

Try copying and pasting your Additional CSS code to a CSS code error checker like http://csslint.net/

Make the corrections necessary and then see how it goes.

[Dmitrii]

I found the error, all good now!

One last thing – is it possible to make the column title not change (font) colors?

Right now when I hover over a sub-menu item (or the column title itself) – it changes colors. I would prefer to have it black and bold at all times.

I tried following this guide: https://generatepress.com/forums/topic/mega-menu-link-color-and-text-space/ but with no luck.

[David]

Hi there,

try this CSS:

.main-navigation .main-nav ul li > a:not([href]) {
    color: #000 !important;
    pointer-events: none;
}

Any menu item that has no link will be colored black and have the pointer evernts removed.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Dmitrii]

Worked great, thanks David.

[Author]

Posts