Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*Slicknav mobile icon style*/
- .slicknav_icon {
- display: inline-block;
- /*border: 1px solid #fff;*/
- height: 40px;
- width: 30px;
- position: relative;
- top: 5px;
- right: 15px;
- }
- .slicknav_icon-bar {
- position: absolute;
- left: 0;
- height: 2px;
- width: 100%;
- background-color: #33353a;
- transition: all 0.4s;
- }
- .slicknav_icon-bar:nth-child(1){
- top: 9px;
- }
- .slicknav_icon-bar:nth-child(2) {
- top: 18px;
- }
- .slicknav_icon-bar:nth-child(3) {
- top: 27px;
- }
- .slicknav_open .slicknav_icon-bar:nth-child(2) {
- opacity: 0;
- }
- .slicknav_open .slicknav_icon-bar:nth-child(1) {
- transform: rotate(-45deg);
- transform-origin: 90% 50% 0px;
- }
- .slicknav_open .slicknav_icon-bar:nth-child(3) {
- transform: rotate(45deg);
- transform-origin: 90% 50% 0px;
- }
- .slicknav_nav {
- text-align: center;
- }
- .slicknav_nav li a {color: #33353a;font-weight: 600;}
- .slicknav_nav li:hover {
- background-color: #33353a;
- }
- .slicknav_nav li {
- transition: all 0.4s;
- color: #fff;
- padding: 10px 0px;
- border-bottom: 1px solid #f2f2f2;
- }
- .slicknav_nav li:hover a {
- color: #fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement