Hello, I am new to this coding stuff… But I have this code for a drop down menu, the only issue is it shows up like this (view image) It layers a solid menu over the drop down, how do I get rid of the solid menu to only have the drop down?
.site-nav–has-dropdown:hover .site-nav__dropdown,
.site-nav–has-dropdown:focus .site-nav__dropdown {
display: block;}
.site-nav–has-centered-dropdown {
position: relative; }
.site-nav__dropdown {
display: none;
position: absolute;
padding: 5px 5px 5px 0;
margin: 0;
z-index: 7;
text-align: left;
border: 1px solid var(–color-border);
background: var(–color-bg);
left: -1px;
top: 33px; }
.site-nav__dropdown .site-nav__link {
padding: 4px 15px 5px; }
.site-nav__dropdown–right:not(.site-nav__dropdown–centered) {
display: relative;
right: unset;
left: unset; }
.site-nav__dropdown–left:not(.site-nav__dropdown–centered) {
display: relative;
right: unset;
left: unset; }
.site-nav__dropdown–centered {
width: 100%;
padding: 0;
text-align: center; }
