Polylang Flag Icons Not Showing

  • Resolved Ralph

    (@rdiiorio)


    7 months ago

    I have several websites with essentially the same set-up (all updated):

    • Astra Pro
    • Elementor
    • Elementor Header & Footer Builder
    • Essential Addons for Elementor
    • Ultimate Addons for Elementor

    For one of my website, the flag icon is not showing. Comparing to my other websites, I noticed that it’s missing the “data:” component in the base64 string.

    Here is what the problematic string:

    <img src="image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAh1BMVEXpTFTwNj7rHiTz8/Pv7u7XAgLuKTP4o6f0l5n9/f327e36+vv39/fnaGvtbnPIAAD1jpPwgIPoe4H19fXhPUDwdXfy0NHtY2XoXmLowcLsvr/fREu+AADwiIzy8vLeLzT1mp/qWFjcJSrgUVeyAADs4+PYGx7kBgjprazr6+umAADPz8/ExMQoJmQzAAAAiElEQVR4ASWJRULDUBCGv5l4gm9wVtj9jwNt37LuEveM/Cq0K/TTs7hDMBT9u4EkqNunq2u1AZtrpJ35/Wtpq9M6jev4XGevUQqiH/uyfLDj4JjGH6UtyoyA9Wpmbp+wAf3ybZEg/v1V84WVoFyngbd7KcvWGxtXwVoBxvDPyzlFHAjfAAEqoAEThSiV/9sl/gAAAABJRU5ErkJggg==" alt="" width="16" height="11" style="width: 16px;height: 11px">

    Here is what it should be:

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAh1BMVEXpTFTwNj7rHiTz8/Pv7u7XAgLuKTP4o6f0l5n9/f327e36+vv39/fnaGvtbnPIAAD1jpPwgIPoe4H19fXhPUDwdXfy0NHtY2XoXmLowcLsvr/fREu+AADwiIzy8vLeLzT1mp/qWFjcJSrgUVeyAADs4+PYGx7kBgjprazr6+umAADPz8/ExMQoJmQzAAAAiElEQVR4ASWJRULDUBCGv5l4gm9wVtj9jwNt37LuEveM/Cq0K/TTs7hDMBT9u4EkqNunq2u1AZtrpJ35/Wtpq9M6jev4XGevUQqiH/uyfLDj4JjGH6UtyoyA9Wpmbp+wAf3ybZEg/v1V84WVoFyngbd7KcvWGxtXwVoBxvDPyzlFHAjfAAEqoAEThSiV/9sl/gAAAABJRU5ErkJggg==" alt="" width="16" height="11" style="width: 16px;height: 11px">

    Please help.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • ronnychacon

    (@ronnychacon)

    7 months ago

    Hello, in my case the same thing is happening. Please, we appreciate you fixing this bug. Thank you

    User

    (@lostguybrazil)

    7 months ago

    Same problem here.

    Plugin Author Chouby

    (@chouby)

    7 months ago

    Hello,

    This is done correctly in Polylang as you can check in the source code. If the code data: is not present, then I guess that some conflicting plugin/theme is removing it.

    This code is cached in Polylang. To refresh the cache, you need to go to Langages > Settings > URL modifications and resave the settings (no need to modify anything). Maybe it will solve the issue. If you want to search for a conflict, you’ll need to refresh the cache this way for each test.

    As a workaround, you can use non-encoded images by adding:
    define( 'PLL_ENCODED_FLAGS', false );
    in your wp-config.php
    An then you need to refresh the cache as explained above.

    Thread Starter Ralph

    (@rdiiorio)

    6 months, 4 weeks ago

    Hi Chouby,

    I’ve been using Polylang for many years (I really don’t like WPML) for all my websites (some pro and some free version), so I’m very familiar on how to debug it. I’ve tried everything you’ve mentioned above to try to figure out the conflict but with no luck so far.

    The “define( 'PLL_ENCODED_FLAGS', false );” worked, so for now I’m ok.

    I will keep trying to find out what is causing this conflict and If I find anything, I will let you know.

    Thanks.

    albridi

    (@albridi)

    6 months, 2 weeks ago

    Hi @rdiiorio,

    Ive a site with the same issue. My set-up is almost like yours (all updated too):

    • Astra Free
    • Elementor Free
    • Elementor Header & Footer Builder
    • Essential Addons for Elementor Pro
    • Ultimate Addons for Elementor

    I’ve been doing some testing and I think there might be a conflict with “Elementor Header and Footer Builder”. Did you find out what’s causing the conflict? Thanks.

    Kind regards.

    Thread Starter Ralph

    (@rdiiorio)

    6 months, 2 weeks ago

    Hi albridi,

    I never determined what was causing the conflict. I used the workaround and this solved the problem for me, so I stopped trying to figure it out.

    albridi

    (@albridi)

    6 months, 2 weeks ago

    Hi @rdiiorio, thanks for answering 🙂 .

    I see, in that case I’ll probably use the workaround as well.

    Kind regards.

    albridi

    (@albridi)

    6 months, 2 weeks ago

    Update: I’ve just updated to the latest “Elementor Header & Footer Builder” 1.6.24v, and it includes a fix for this issue 🙂 .

    Regards.

    Thread Starter Ralph

    (@rdiiorio)

    6 months, 1 week ago

    Thank you albridi.

    albridi

    (@albridi)

    6 months, 1 week ago

    You’re welcome 🙂 !

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Polylang Flag Icons Not Showing’ is closed to new replies.