1) Place {% include 'ly-languages-switcher' %} in the <div class="site-header__section site-header__section--button"> container (that has an href="/cart") after the last </a> tag in your header.liquid.
It should look like this:
<div class="site-header__section site-header__section--button">
<a href="/cart" class="btn btn--clear btn--square btn--hover-scale site-header__cart ajax-cart__toggle" aria-expanded="false">...</span>
</a>
{% include 'ly-languages-switcher' %}
</div>
</div>
</header>2) Paste this code at the end of your theme.scss.liquid:
/*=========== langify =============*/
select#ly-slick-languages-switcher{ display: none; }
div#ly-slick-languages-switcher{
width: 60px !important;
position: relative;
top: -4px;
margin-top: -35px;
margin-left: 40px;
float: inherit;
.dd-select{
width: 60px !important;
background: none !important;
border: none;
.dd-selected{
padding: 0;
img{
float: left;
margin: 2px 5px !important;
}
label{
display: none;
}
}
}
.dd-options{
width: 52px !important;
margin-top: 5px !important;
li{
display: block !important;
margin: 0 !important;
.dd-option{
text-align: left;
.dd-option-image{
float: left !important;
margin-left: -2px;
}
}
}
}
}
.ly-mobile-link{
img{
float: left;
margin: 7px 10px 0 15px;
}
}
Don't forget to add some custom flags to your language switcher. You can find some here:
https://www.iconfinder.com/flag-icons?price=free