Ive been creating a mega menu using Jet Menu with elementor.
I can't for the life of me, figure out a way to get the submenus to appear at the top of the z-index, so they aren't obscured by other elements.
Ive been able to apply a boxshadow to the dropdowns, but trying to apply z-index to that element doesn't do anything.
ul.elementor-nav-menu--dropdown {
box-shadow: 0px 0px 20px -5px #5F5F5F33;
}
please view Site here>>, example being the dropdowns within the 'Age 5-7' menu tab.
I can apply 999 z-index to the entire elementor nav menu widget, but that causes other problems with other menus overlapping each other.
Does anyone have any pointers??
Many thanks in advance!