How can I have my drop-down menu over my home page?

Can you provide a link to the page with the issue? It’s probably a z-index issue.

Hello Herman.

Thank you for your answer. Could I please send it to you in private?

There is no private messaging on these forums, the functionality just isn’t there. Without the actual page I would just be shooting in the dark at a solution.

I just sent you an email.

Sorry, I responded by email but probably better to respond here.

I didn’t see the issue at first, but it actually appears with the last item (Thailand) in the Photography dropdown menu.

As I suspsected it is a z-index issue causing the slider to appear above the dropdown in the z-space.

What I can recommend is adding the following to your active theme css file.

.cycloneslider {
  position: relative;
  z-index: 1;
}

ul.sub-menu {
  z-index: 99999;
}

and that should resolve the issue of the menu disappearing behind the slider.

Thanks. Sorry, do you mean in the custom CSS or under functions.php?

Yea, I would go the custom CSS route. It’s just easier than editing php files.

if after you enter the styles, things remain the same, try adding an !important tag.

Example:

.cycloneslider {
  position: relative !important;
  z-index: 1 !important;
}

ul.sub-menu {
  z-index: 99999 !important;
}

Ah you’re great. It worked just fine. Thank you very much for that.
??

no problem at all, I’m glad that worked out for you!

Best of luck!
??

Evan

!important;

is overwriting everything else right?

It worked without it but still good to know.

Cheers!

Welcome to take a peek if you wish.

Greetings.