How to edit the templates with split menu
As you can see from the image , the first three items of menu are placed on the left and the items from +4 - are right aligned. To change this value, you need to modify this part in CSS:
/*** you hide the +4 items in the first left aligned menu ***/
.left-align nav ul li:nth-child(n+4) {
display:none;
}
/*** you hide the first 3 items of your menu in the right aligned menu ***/
.right-align nav ul li:nth-child(-n+3) {
display:none;
}
You can display left aligned logo image and right aligned menu with body class has-left-logo that has to be added directly in HTML ( design> custom template> HTML ):
<div class="global-colors brand-bg brand-link large-inner has-left-logo custom-text">
....