Menu dropdown issue in mobile

[RocktheHouse1876]

I have a dropdown that when drops open goes behind text on next section. I’ve tried changing the z-index of both the menu section and the section below but not luck. I even tried making the menu section Z 99, though that didn’t work either?

[friech]

Hi @RocktheHouse1876,

Thank you for writing in, your UberMenu dropdown has a 500px of max-height, please remove that so the dropdown can have the proper height.

• 
  
  
  

Thanks,

[RocktheHouse1876]

I could not seem to find where this might be at?

So, I added the following css, thoughit did not seem to change it. Would you be able to look at?

 .ubermenu-responsive-default.ubermenu-responsive{
 Max-height: none !important;
  }

[ruenel]

Hello @RocktheHouse1876,

Thanks for writing in! I have logged in and checked the page. I could not find any menu on the page only those with icons.

As I have inspected it, there are no submenu for the mentioned menu.

Please double check your menu again and be sure that there is a submenu assigned to it.

[RocktheHouse1876]

I’m sorry for the confusion. …There is no submenu dropdown, though when the menu “drops down” or “condenses” in a line going down in mobile mode it goes under the page instead of remaining on top. Friech took a good screenshot of it in the thread above.

[ruenel]

Hello @RocktheHouse1876,

Sorry for the confusion. I went ahead and resolved the issue already.
I have removed your code:

// For Nuclear Science Week menu in mobile
.ubermenu-responsive-default.ubermenu-responsive{
Max-height: none !important;
}

And replaced with this code instead:

/* For Nuclear Science Week menu in mobile */
@media (max-width: 959px){
	.site .ubermenu-responsive-default.ubermenu-responsive:not(.ubermenu-responsive-collapse) {
    max-height: none !important;
	}
}

Please check your menu now.

[RocktheHouse1876]

oh WOW! Thank you @ruenel !!

[nabeel]

Glad we could help.

Cheers!