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...