menus and widgets

Update:
I think the problem from menu order ,
because when we add the menu (from wordpress menu) from top to bottom in this menu will show in navigation bar in left to right order .
but in RTL languages like Arabic I reversed this menu from bottom to top (from wordpress menu) to show in navigation bar from right to left so this error is the result.
https://drive.google.com/file/d/1KQnSfc3tWLAOF2TRiG6Gdzsjf8_ftey6/view?usp=sharing

How can we add the menue from top to bottom (from wordpress menu) and from rtl CSS reverse this order ?

Hello saleh4,

Open rtl.css file -> paste the below CSS in end of the file and save the file –

@media(max-width:480px){
.navbar-collapse ul {
    transform: rotate(180deg);
}
.navbar-collapse ul > li {
    transform: rotate(-180deg);
}
}

Go to Dashboard -> Appearance -> Customizer -> Theme Options -> Theme General Options -> paste the below CSS in Cutsom CSS box and save –

.enigma_sidebar_widget {
    display: none;
}
.enigma_footer_widget_column {
    display: none;
}

Thanks.

problem 1 still error, not working.( how can we start items form the Right & not Left?)

problem 2 done

Hello saleh4,

Remove given CSS –

@media(max-width:480px){
.navbar-collapse ul {
    transform: rotate(180deg);
}
.navbar-collapse ul > li {
    transform: rotate(-180deg);
}
}

and paste the below CSS in end of the file and save the file –

.navbar-collapse ul {
    transform: rotate(180deg);
}
.navbar-collapse ul > li {
    transform: rotate(-180deg);
}

Thanks.

Thank you, this code solve half the problem , after I added this code,the navigation bar now is in correct order(from right to left). but when we minimize the browser (or oprn the page in mobile) the menu order become from bottom to top. And it should be start form the top to bottom .

Thank you

This is the link:
https://organic4energy.com/wordpress/

Is there any new to fix the above error ?

https://drive.google.com/file/d/12wY12fDWdyGoL2lTR-sLbGjO9NnY8QGl/view?usp=sharing

https://drive.google.com/file/d/16pju25KvCUJLIPGFupuGytuk1pzoteHA/view?usp=sharing

Thank you

Hello saleh4,

Remove given CSS –

.navbar-collapse ul {
    transform: rotate(180deg);
}
.navbar-collapse ul > li {
    transform: rotate(-180deg);
}

and paste the below CSS in end of the file and save the file –

@media(min-width:1200px){
.navbar-collapse ul {
    transform: rotate(180deg);
}
.navbar-collapse ul > li {
    transform: rotate(-180deg);
}
}

Thanks.

Thank you very much . it works good.

and thank you for your support.

Your Welcome,

Let us know for further query.