FileMaster

Edit File: _rtl-nav-header.scss

//nav header styles
[direction="rtl"] {

&:not([data-container="boxed"]) {
        .nav-header {
            left: auto;
            right: 0;
        }
    }

&[data-container="wide-boxed"] {
        .nav-header {
            left: auto;
            right: auto;
        }
    }
	
    .nav-header {
        text-align: right;
        right: auto;
		.brand-title{
			margin-left: 0;
			margin-right: 0.9375rem;
		}
        .brand-logo {
            padding-left: 0;
            padding-right: 1.75rem;
			
			@at-root [data-sidebar-style="compact"]#{&}{
					padding-right: 0;
            } 
            @at-root [data-sidebar-style="compact"]#{&}[data-layout="horizontal"]{
				padding-right: 1.875rem;
            }
            @at-root [data-sidebar-style="mini"]#{&}{
                padding-right: 0;
            }
			@at-root [data-sidebar-style="modern"]#{&}{
                padding-right: 0;
				@at-root [data-layout="horizontal"]#{&}{
					padding-right: 1.875rem;
				}
            }
            @include media-breakpoint-down(sm) {
                // padding-left: 0;
                padding-right: 0;
                // justify-content: center;
            }
        }
    }
	
    .nav-control {
        right: auto;
        left: -4.0625rem;

@include media-breakpoint-down(sm) {
            left: -4.0625rem;
        }
    
        @include media-breakpoint-down(xs) {
            left: -2.0625rem;
        }
    }

&[data-sidebar-style="overlay"] {
        .nav-header {
            .hamburger {
                &.is-active {
                    right: 0;

// .line:nth-child(1) {
                   //     transform: translateY(0.4rem) rotate(-45deg);
                   // }
                   // 
                   // .line:nth-child(3) {
                   //     transform: translateY(-0.4rem) rotate(45deg);
                   // }
                }
            }
        }
    }
}
[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"]{
	.nav-header .brand-logo{
		padding-right: 2.5rem;
	}
}
[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"]{
	.nav-header{
		width: 16rem;
	}
}

Back