Hi Ziggy,
I have split the navigation into 2 by simply hiding the English nav items from the German Nav Header and vice versa. See picture.
The formula I used to hide the non-relevant items depending on if they were German or English pages was the following:
#collection-AAA,
#collection-BBB,
#collection-etc,
{
#header .header-nav-item:nth-child(1){
display:none;}
#header .header-nav-item:nth-child(2){
display:none;}
#header .header-nav-item:nth-child(3 etc){
display:none;}
All of this works perfectly. It is only when I make the last header nav item as a 'Get Started' button and add padding that it makes the rest of the items out of line. As per the CSS code shared in the first msg above.
Thanks!