Top Bar Mobile Menu on the left

TopBar Tips

The CSS to move the mobile menu toggle is simple but we must remember to also move the title area to the opposite side.

.toggle-topbar {
left: 0!important;
right: auto!important;
}
.top-bar .title-area>.name{
text-align:right;
}

This code is best added to the site wide code in RapidWeaver, that way it will apply to all your pages. Of course if you only want to alter a certain Top Bar page then just put it in the page inspector CSS

Happy styling...