Hi there,
1. Reduce space between language switcher items:
.main-navigation .main-nav ul li.wpml-ls-item a {
padding-left: 10px;
padding-right: 10px;
}
2. Add separator between menu items:
.main-navigation .main-nav ul li:last-child:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 10px);
height: 18px;
width: 1px;
background-color: #fff;
}
When you add the third item, change this:
.main-navigation .main-nav ul li:last-child:before {
to:
.main-navigation .main-nav ul li:nth-last-child(-n+2):before {
3. Inline the wpml items in off canvasm menu:
#generate-slideout-menu .slideout-menu {
justify-content: center;
}
#generate-slideout-menu .slideout-menu li.wpml-ls-item {
flex: 0 1;
}