Search front end covers drop-down menus

Hi,

Try forcing a z-index on the search bar, so either this custom CSS:

.asl_m {
    z-index: 0 !important;
}

..or maybe this one, if the above does not work:

.asl_m {
    z-index: -1 !important;
}

One of these should force the search behind the menu.

Best,
Ernest M.

Thanks for the suggestion, but neither custom-CSS results in a change in the actual layering.

Same problem.

By the way, I’m using the Kadence theme.

Any other suggestions?

Are you sure you placed the custom CSS correctly, and the caches were cleared? One of these should very likely work, as this is definitely a z-index issue.

You can also try this one:

.asl_m {
    z-index: unset !important;
}

Try using the plugin custom CSS field, if that makes any difference.

If none of this works, then I will have to take a direct look to see what this is.

Best,
Ernest M.

You were right. I had accidentally erased the closing brace on the previous CSS block.

It does work as you predicted. Thank you.

You may wish to hard code this in the plugin so that other folks avoid this issue.

I will try to – but I don’t know if I can make this direct change, as in most cases the current z-index is better. I will figure out something.

Best,
Ernest M.