Change row height in mega menu

webredactie

Is it possible to change the height of a row in a submenu in a mega menu? If so how do I do that?

saguaros

Any URL?

webredactie

Sorry I did not gave it right away.
https://www.handelingen.com/

saguaros

You can try this custom CSS code:

.t4-megamenu .mega-dropdown-menu .mega-inner {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

webredactie

Thanks, that works!
I tried it also with 0.05rem, but that does not work.
What's wrong with that?
Is it possible to decrease the height still more?

saguaros

webredactie You can try this:

.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
    padding: 0.05rem 0 !important;
}

webredactie

Yes, that's the addition I needed.
Thanks a lot again!
Could you also help me with the following? I have tried a few things myself, but it doesn't work. In the 'Jaargangen' menu, there are always five columns. Only the top row has four (because 2025 is not there yet) and they are skewed in relation to the columns below. Can I align them to the right, so that they match the columns below?

saguaros

webredactie I don't know how you setup this menu item, could you share the super admin account so I can check?

webredactie

This message is visible to Moderators only

hidden content

webredactie

This message is visible to Moderators only

hidden content

webredactie

Hi saguaros,

I figured out a trick: I created an extra menu item, "2025". Then added that item to the Mega Menu (first item), and then set the menu item to unpublished. It works!
I have deactivated your account now.