Solved Templates

Search Suggestions Dropdown Z-Index

Asked by Matt 3 years ago Last activity 3 years ago

I have a search box above the menubar. With the auto complete option on, when you search, the auto complete dropdown opens behind the menu bar.

What's the proper CSS to get it in front of the menu?

https://peri.nswd.dev/ Type in any 3+ characters of a word such as: eco to trigger the awesomplete listbox.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago · edited

In case of - that CSS line should help:

.awesomplete > ul {
  z-index: 911; }

you can also use higher value, 911 was just for fun.

2 more replies

Paul Frankowski Senior Staff

Hi Matt,

At least now is OK

info_1585_2023.gif

Matt Asked this

That fixed it. Thanks so much!

Log in to reply.