Hi
I created a second mega menu using this guide
https://www.joomlart.com/documentation/t4-framework/navigation-settings#multi-megamenu_jadoc
It works great! I am using T4 in the latest Justitia template.
However, I want to add a CSS to reduce the height of the second menu. I created a new section in the template layout and added:
Column Type: Element
Content Element: megamenu
Extra Prams: menutype="menu-2"
Please see the image.
Please can you tell me what CSS to add to the custom CSS in the template admin, and what CSS to add to the section, so I can reduce the HEIGHT of the second menu.
I think the normal css for the top megamenu which controls the height is
.nav-link {
display: block;
padding: 2rem 1rem;
padding-right: 1rem;
padding-left: 1rem;
}
But if I reduce the 2rem to 1 rem (by adding to the custom CSS), it reduces the height of BOTH the top and bottom menus. I only want to reduce the height of the BOTTOM menu. So I need a new CSS for this please - AND where to place this in the template layout setiings
I want it to look like this
Test site is at
https://www.sub1.studywot.com/en/case-studies
submenu can be seen on links case studies and FAQ
(Please also note:
On FAQ2 link, the sub menu is hidden behind the mastehead module. When adding css to adjust height need to add a higher z-index to bring the sub-menu back to the front of the masthead module.)