Edu Romero Edu Romero - 1 month ago 19
HTML Question

Dropdown menu behind content

if you take a look at this website and you find the word "TIPUS D'IMMOBLES" at the center of the page, in the form, you can see that if you click it, it will show a dropdown menu but it gets cut by the bottom content. I tried with z-index but i cant manage to show the full menu.

Any ideas? Thank you all.

Answer

Your styles include:

section {
    background-color: #fff;
    overflow: hidden;
    padding: 80px 0;
    position: relative;
    width: 100%;
}

The issue is caused by this rule's overflow: hidden;. To fix it, you could set overflow: visible on the section containing the form as in:

<section role="home-slide" class="slideshow home" style="overflow:visible;">