I've been struggling to find a solution to my issue regarding a search function.
Whenever I type, the search function dropdown gets hidden behind the menu bar, even after adjusting the z-index values.
I've heard that z-index doesn't always work for certain positions. Is there a workaround to make the results appear above the menu bar without affecting its position?
Changing the positions of elements causes my menu to shift out of place.
Here is the CSS for the search results:
#results {
z-index: 10000;
position: absolute;
width: 400px;
float: right;
background-color: #FFF;
text-align: left;
And here is the CSS for the menu:
.menu {
position: relative;
float: left;
width: 900px;
height: 40px;
margin-top: 17px;
z-index: 3;
margin-left: 40px;
margin-bottom: 6px;
Any suggestions or help would be greatly appreciated!