Hi there,
You have some custom CSS which is centering the items:
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
text-align: center;
}
If you don’t have control over that CSS, you can left align them like this:
.main-navigation.slideout-navigation .main-nav ul li a {
text-align: left;
}
As of right now it’s pretty difficult to add the close item directly inside the menu. However, this is a feature we’ve added in GPP 1.8, which will be available for testing in the next couple weeks ๐