Thank you for the site URL.

Could you also provide me your administrative access, please? Use the hidden mode to share the log in credentials.

Thank you.

I can see the credentials in your edited post now. I will look into it and get back to you.

Ok I to hear you soon. Thanks

It loads the offcanvas-toggler html code inside #sp-logo column instead #sp-menu column.

Hi. Yes, this is exactly what happens (not a bug, but not quite a good solution from Joomshaper). To solve the problem, you need to keep offcanvas on the right and configure it to the left via CSS and Menu col settings for mobile.

What's the specific CSS code have I to write, please? If I keep offcanvas on the right I can put it on the left column but when I click on it it's show the menu transition on the right and from right-to-left, I need to show it on the left and transition from left-to-right. Thanks

I am not an employee of the support, so I have no access to the hidden content and your site. In order to help you, I do not need administrator access. Just need to be the site is open to public access. Or wait for support answer

Ok, I published the website, you can now refresh and see it here. Thanks

Now it is in left. Set it in right

Ok, now I set it to right.

As far as I see order -1 for Menu col you have already set up.

Here is the remaining code

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: left;
    margin-left: 0;
    margin-right: 20px;
}
body.ltr.offcanvs-position-right .body-wrapper,
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: auto !important;
    left: -300px;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper,
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    left: 0;
}

I put your code but I see broken layout now.

will fix not worry

Sorry, I was mistaken in combining selectors :). Replace the code

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: left;
    margin-left: 0;
    margin-right: 20px;
}
body.ltr.offcanvs-position-right .body-wrapper {
    right: auto !important;
    left: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    left: 300px;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: auto !important;
    left: -300px;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    left: 0;
}

Perfect, I replaced the code and works fine. Thanks a lot, you are the best ;)

You are wellcome :)