Z-Index Issue

E-Dub used Ask the Experts™
Hoping someone can help me with a CSS fix. I have a dropdown that displays behind the body content (see attached).

If you enter "9" in the second input field, you'll see a dropdown of suggestions, but that dropdown is displaying behind the content underneath it. I've tried changing the z-index but it isn't working. Any help would be appreciated.

Here's the link to view:

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
if I remove the "no-overflow-x" CLASS from your SECTION tag
<section class="green_bg no-overflow-x">

Open in new window

the drop-down does not go underneath.
RobOwner (Aidellio)
Most Valuable Expert 2015


Get rid of the overflow on the section element and it works:

line 504 of custom.css
.no-overflow-x {
      /* overflow-x: hidden; */
RobOwner (Aidellio)
Most Valuable Expert 2015

Ha! beat me to it Flabio :)
E-DubFrontend Web Developer & Graphic Designer


Thank you so much!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial