Unite menu obscured behind slider on iPad

On my desktop computer the Unite menu is flawless. It also works perfectly on my newer Android phone. However on my older iPad and older ASUS Android it breaks.

On a page where there is a carousel enabled, or perhaps some images contained in a bootstrap div/column you click on the top-level menu item and the dropdown buttons get obscured behind the carousel/image. Usually I fix that by adding a z-index to the dropdown CSS, but either I have identified the right CSS or it isn’t working.

To be sure it wasn’t something I messed up I accessed the colorlib demo for Unite and experience the same issue.

Sorry for the delay here.

Do you still need assistance for it so we can help you?

I don’t need help as I figured out the solution. I recommend you adding the following lines to your theme stylesheet.

@media screen and (min-width: 768px) {
.dropup, .dropdown {
z-index: 1; /* fixes menu hidden behind carousel and video on old devices */
}
}

Awesome great to see you got that resolved.

Please advise if you have more questions.

Have a fantastic day!