Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <nav id="navbar">
- <div class="dropdown-btn">Go To...</div>
- <ul class="navbar-tab">
- <li class="navbar-tab-1 selected">Test1</li>
- <li class="navbar-tab-1 select">Test2
- <ul class="hover-list select">
- <a><li>Item1</li></a>
- </ul>
- </li>
- </ul>
- </nav>
- .dropdown-btn{
- width: 100%;
- height: 50px;
- background:white;
- line-height: 50px;
- display: none;
- }
- nav {
- width: 100%;
- height: 50px;
- background-color: #d60d8c;
- margin-bottom: 1px;
- position: sticky;top: 0;
- padding: 0px 0px;
- border: none;
- }
- ul{
- text-indent: 0px;
- }
- nav:hover{
- height: 50px;
- }
- .navbar-tab {
- display: block;
- }
- .hover-list{
- position: absolute;
- }
- .navbar-tab-1 {
- background:#d60d8c;
- float: left;
- border: none;
- }
- .navbar-tab-1+.navbar-tab-1{
- border-bottom: none;
- }
- .hover-list{
- border-top: black 3px solid;
- }
- .navbar-tab {
- padding-left: 20px;
- display: block;
- }
- .navbar-tab {
- max-width: 1240px;
- }
- .navbar-tab-1 {
- padding-right: 68px;
- width: auto;
- }
- .hover-list li{
- background-color: #e2e2e2;
- border-bottom: 1px white solid;
- font-size: 15px;
- text-indent: 20px;
- height: 35px;
- line-height: 35px;
- width: 100vw;
- border-top:none;
- float: left;
- }
- ul li ul li {
- display: block;
- }
- ul li{
- font-size: 19px;
- }
Add Comment
Please, Sign In to add comment