Polylang language switcher in header looks bad

Hey, I installed Polylang to check this out, I was really surprised to see Polylang doesn’t style their own widget.

Anyway here is some css you can add:

.widget_polylang ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.widget_polylang ul li a {
    display: flex;
    align-items: center;
}

.widget_polylang ul li {
    margin-left: 0.5em;
}

.widget_polylang ul li:first-child {
    margin-left: 0;
}

Ben

Hi. Thanks for your code, but it works only for language switcher in widget area, not in header menu. I modified code and it works:

.lang-item {    
    display: flex;
    align-items: center;
}

.lang-item a {
    display: flex;
    align-items: center;
}

Hi, could you please help me, I introduced the CSS code that you wrote above bot the issue still remains, please check mobile version – sbc-analytics.com

Hi @iliestavenschi,
This thread has already been marked as resolved. Can you please start a new thread?

Kindly,
Hannah

Hi Hannah,

Sure, already opened a new one, link to the thread please find below.

https://www.ads-software.com/support/topic/polylang-switcher-flag-looks-bad-in-mobile-version/#new-topic-0