Moving Header language element to announcement bar

Hi i was wondering if its posible to move the language selector from header to announcement bar.

Hi Vanessa, if you add you site url and password (if the site isn't live) then people can jump in and help you 🙂 

website url is: lmparos.com

On 11/16/2022 at 8:34 PM, Vanesa said:

website url is: lmparos.com

Can you enable language? We don't see it

Hi tuanphan, i decided to keep the language on the header as i dont think it was possible to put it on the announcement bar.
But i cant replace the text form "English" to "EN" and FR for french. If you could help me with that it would be awesome.

On 11/23/2022 at 10:47 PM, Vanesa said:

Hi tuanphan, i decided to keep the language on the header as i dont think it was possible to put it on the announcement bar.
But i cant replace the text form "English" to "EN" and FR for french. If you could help me with that it would be awesome.

Change for all three text?

Yes for all three

On 11/25/2022 at 5:29 PM, Vanesa said:

Yes for all three

Add to Design > Custom CSS

/* .language-picker language text */
html[lang="en"] .current-language span:first-child, html[lang="en"] .language-picker-content>div span {
    font-size: 0;
}
html[lang="en"] .current-language span:first-child:before, html[lang="en"] .language-picker-content>div:last-child span:before {
    font-size: 20px;
    content: "EN";
}
html[lang="en"] .language-picker-content>div:first-child span:before {
    font-size: 20px;
    content: "FR";
}
html[lang="fr"] .current-language span:first-child, html[lang="fr"] .language-picker-content>div span {
    font-size: 0;
}
html[lang="fr"] .current-language span:first-child:before, html[lang="fr"] .language-picker-content>div:first-child span:before {
    font-size: 20px;
    content: "FR";
}
html[lang="fr"] .language-picker-content>div:last-child span:before {
    font-size: 20px;
    content: "EN";
}