Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .dropdown-content {
- display: none;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- bottom: 50px;
- .dropdown:hover .dropdown-content {
- display: block;
- }
- .dropdown:hover .dropdown-content {
- display: block;
- bottom: 100%;
- }
- .dropdown-content {
- bottom:100%; <!-- <<<THIS WILL MAKE THE MENU OPEN UP INSTEAD OF OPENING DOWN -->
- display: none;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- }
- .dropdown-content {
- bottom:100%;
- display: none;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 100%; <!-- <<<THIS WILL MAKE THE POP UP BLOCK AS WIDE AS THE BUTTON -->
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- }
Add Comment
Please, Sign In to add comment