[Support request] Menu and Columns

[Fabien]

Hi,

I’d like to create a menu with columns (similar to that: https://www.nerdwallet.com/)… Any idea on how to do that ?

Thanks

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

That’s called mega menu. We have a simple CSS version here:
https://docs.generatepress.com/article/building-simple-mega-menu/

If you need something more complicated, you can check out a plugin like Max Mega menu.

Let me know if this helps 🙂

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

[Fabien]

Thanks Leo, I will work on it 😉

Also, what is the best way to have rounded corners on the submenu : https://cl.ly/168bfc926ef3 ?

Fabien

[David]

Hi there,

this CSS will add radius corners:

.main-navigation ul ul {
    border-radius: 20px;
}

.main-navigation ul ul li:first-child a {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.main-navigation ul ul li:last-child a {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

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

[Author]

Posts