Line 118: | Line 118: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
+ | |||
} | } | ||
Line 127: | Line 128: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
+ | /*=============== SubMenus ==========*/ | ||
.menu_icon:hover .menu_item{ | .menu_icon:hover .menu_item{ | ||
display: block; | display: block; | ||
+ | visibility:visible; | ||
} | } | ||
− | + | ||
.menu_item{ | .menu_item{ | ||
− | margin-left: | + | margin-left: 0%; |
− | top: | + | margin-top: 12%; |
display:none; | display:none; | ||
padding: 0px; | padding: 0px; | ||
− | padding-top: | + | padding-top: 50px; |
position:absolute; | position:absolute; | ||
list-style:none; | list-style:none; | ||
− | + | transition: transform 0.6s ease-out; | |
+ | visibility:hidden; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 173: | Line 177: | ||
background: green; | background: green; | ||
padding-left: 5rem; | padding-left: 5rem; | ||
+ | padding-right: 1.5rem; | ||
overflow: hidden; | overflow: hidden; | ||
display: flex; | display: flex; | ||
Line 200: | Line 205: | ||
background: red; | background: red; | ||
height: 30%; | height: 30%; | ||
+ | |||
z-index: 9999; | z-index: 9999; | ||
} | } |
Revision as of 02:49, 13 September 2021