Off-Canvas

Tag: |   Category:
.offcanvas-inner .menu      {
    display: none!important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li > li.active > a {
    color: #fff;
}
.offcanvas-menu {
    color: #fff;
    background:#172130;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100%;
}
.close-offcanvas {
    font-size: 22px;
    background: none;
	color:  #fff;
}
.close-offcanvas:hover {
    background: none;
	color:  #ddd;
}
.offcanvas-menu {
    width: 100%;
    max-width:500px;
    height: 100%;
    position: fixed;
    top: 0;
    overflow: inherit;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    z-index: 10000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    padding: 10px 0px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 6px 0px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #f6bc00;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    color: #f6bc00;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a {
    color: #f6bc00;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after {
    content:"\f107";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
    content:"\f106";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #fff;
}
Copyright © 2024 Siam Naulak.
magnifiercrossmenu