- Joined
- Jun 4, 2023
- Messages
- 1
- Reaction score
- 0
CSS:
.dropdown .dropbtn {
color:#dfc79d;
}
.dropdown-content a {
color:#000;
position: sticky;
z-index: 9999;
display: block;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #b67942;
z-index: 9999;
}
.navbar {
background: #01c7fc url(images/menu/menugradient.png) repeat-x;
}
.header {
padding: 10px 16px;
background: #555;
color: #f1f1f1;
}
.content {
padding: 16px;
}
.sticky {
position: fixed;
top: 0;
width: 100%
}
.sticky + .content {
padding-top: 102px;
}
you can see the white line is the drop-down menu and it's not overlapping over the header or anything else. id also like to know how to get rid of the original home of it, the brown bar