header LTR is not same as RTL in non-profit

Hello,

We Really Apologize for the Delay in replying.

Please find the following code in the demos/nonprofit/nonprofit.css File:
[ch_pre type="css"]#header .menu-bg {
width: 87px;
height: var(--header-height, 70px);
background: #FFF;
}

#header .menu-bg::after {
content: "";
position: absolute;
left: 100%;
top: 0;
bottom: 0;
background-color: #FFF;
width: 100vw;
z-index: -1;
}

#header .menu-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
border-left: 0px solid transparent;
border-right-width: var(--header-height, 70px);
border-right-style: solid;
border-right-color: transparent;
border-bottom-width: var(--header-height, 70px);
border-bottom-style: solid;
border-bottom-color: var(--themecolor, #C6C09C);
z-index: 0;
}[/ch_pre]

and replace it with:
[ch_pre type="css"]#header .menu-bg {
width: 87px;
height: var(--header-height, 70px);
background: #FFF;
}

#header .menu-bg::after {
content: "";
position: absolute;
left: 100%;
top: 0;
bottom: 0;
background-color: #FFF;
width: 100vw;
z-index: -1;
}

#header .menu-bg::before {
content: "";
position: absolute;
top: 0;
z-index: 0;
border-bottom-width: var(--header-height, 70px);
border-bottom-style: solid;
border-bottom-color: var(--themecolor, #C6C09C);
}

body:not(.rtl) #header .menu-bg::before {
left: 0;
border-left: 0px solid transparent;
border-right-width: var(--header-height, 70px);
border-right-style: solid;
border-right-color: transparent;
}

body.rtl #header .menu-bg::after {
left: auto;
right: 100%;
}

body.rtl #header .menu-bg::before {
left: auto;
right: 0;
border-right: 0px solid transparent;
border-left-width: var(--header-height, 70px);
border-left-style: solid;
border-left-color: transparent;
}[/ch_pre]

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.