By default menu items in the Mobile Menu are center-aligned, but using custom CSS you can align menu items to the left. This Custom CSS should help:

.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul li  ul li {text-align: left;}

Insert the above custom CSS code in System > Site Template Styles > barber - Default > Template Options > Custom Code.