1) Place {% include 'ly-languages-switcher' %} in the <div class="site-header__section site-header__section--button"> container 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

http://www.famfamfam.com/lab/icons/flags/

http://www.freeflagicons.com/

https://www.hongkiat.com/blog/world-flags-iconsets/