mein Dropdown-Menü der Navigationsleiste hinter dem Kopf verschwinden

Question

sollte ich ein Dropdown-Menü haben nur wie folgt aus:

aber mir sieht wie folgt aus:

I weiß nicht, ob es nützlich ist zu wissen, dass meine Navbar ist eine ha-Kopfzeile navbar von Tympanus: http://tympanus.net/Development/HeaderEffects/

.dropdown { 
 
    display: inline-block; 
 
    position: relative; 
 
    z-index: 9999999; 
 
} 
 
.dropdown-content { 
 
    display: none; 
 
    position: absolute; 
 
} 
 
.dropdown-content a { 
 
    display: block; 
 
} 
 
.dropdown-content a:hover, 
 
.dropdown-content a:focus { 
 
    background-image: none; 
 
} 
 
.dropdown-content a:last-child a:hover, 
 
.dropdown-content a:focus { 
 
    background-image: none; 
 
} 
 
.dropdown-content a:first-child a:hover, 
 
.dropdown-content a:focus { 
 
    background-image: none; 
 
} 
 
.dropdown-content a { 
 
    width: 210px; 
 
} 
 
.dropdown:hover .dropdown-content { 
 
    display: block; 
 
} 
 
.parallax-header { 
 
    /* The image used/background-image: url("header.jpg");/Create the parallax scrolling effect */ 
 
    background-attachment: fixed; 
 
    background-position: center; 
 
    background-repeat: no-repeat; 
 
    background-size: cover; 
 
    height: 100vh; 
 
    width: 100%; 
 
    -webkit-background-size: cover; 
 
    -moz-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
    position: relative; 
 
}

<div class="dropdown"> 
 
    <a href="#">legal solutions</a> 
 
    <div class="dropdown-content"> 
 
    <a href="#">Link 1</a> 
 
    <a href="#">Link 2</a> 
 
    <a href="#">Link 3</a> 
 
    </div> 
 
</div>

und hier ist meine Seite, wenn das ispact Element, das Sie hilft :) www.valaw.gigfa.com

Answer 1

Ich habe das Problem herauszufinden, entfernen Sie bitte die overflow:hidden in Ihrem css

.ha-header-perspective > div { 
    backface-visibility: hidden; 
    background: #fff none repeat scroll 0 0; 
    height: 50%; 
    margin: 0 auto; 
    overflow: hidden; /* remove this overflow hidden */ 
    position: relative; 
    text-align: justify; 
    transition: all 0.5s ease 0s; 
    width: 100%; 
} 

Answer 2

Es gibt eine overflow: hidden Eigenschaftseinstellung auf .ha-header-front

In die CSS-Datei einfügen:

.ha-header-front { 
    overflow: visible !important; 
}