title: Polylang custom language switcher
body: <p>How to create a custom polylang language switcher like this <a href="https://prnt.sc/vnj7b3" rel="nofollow noreferrer">https://prnt.sc/vnj7b3</a> ?
  Html markup to be used :
  Parent :</p>
  <pre><code>&lt;a href=&quot;#&quot; class=&quot;menu__link language&quot;&gt;EN
                                  &lt;span&gt;&lt;svg width=&quot;8px&quot; viewBox=&quot;0 0 451.847 451.847&quot;&gt;
                                          &lt;g&gt;
                                              &lt;path d=&quot;M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751
            c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0
            c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z&quot; /&gt;
                                          &lt;/g&gt;
                                      &lt;/svg&gt;&lt;/span&gt;
                              &lt;/a&gt;
  </code></pre>
  <p>Child elements that are shown in a dropdown on hover:</p>
  <pre><code>&lt;div class=&quot;drop-block lang&quot;&gt;
                      &lt;a href=&quot;https://google.com&quot; class=&quot;drop-block__link&quot;&gt;RU&lt;/a&gt;
                      &lt;a href=&quot;https://google.com&quot; class=&quot;drop-block__link&quot;&gt;EN&lt;/a&gt;
                      &lt;a href=&quot;https://google.com&quot; class=&quot;drop-block__link&quot;&gt;UA&lt;/a&gt;
                  &lt;/div&gt;
  </code></pre>
  <p>Tried this function but i have no control over the markup :</p>
  <pre><code>&lt;?php pll_the_languages( array( 'dropdown' =&gt; 1, 'hide_current=&gt; 1 ) ); ?&gt;
  </code></pre>