Templates with split menu

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