Hello,
Please try to add this code in Theme Options > Styling > Custom css > Global Custom css:
.header-wrapper header .container-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header-wrapper .navbar-toggle {
right: auto;
left: 10px;
}
.mobile-menu-wrapper {
-webkit-transform: translate3d(-270px, 0, 0);
transform: translate3d(-270px, 0, 0);
right: auto;
left: 0;
}
.mobile-menu-opened .template-content {
-webkit-transform: translate3d(270px, 0, 0);
transform: translate3d(270px, 0, 0);
}
Regards