Archived topic
Menu and Columns
3 replies · Started by Fabien on March 1, 2019
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
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 :)
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
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;
}