Polylang language switcher in social media menu

  • Hi, I have a language switcher widget in my social media menu on my front page but they appear as a link symbol and not as a flag or language name. Can you tell me how to fix this? ( I hope this is in the right forum ) I couldn’t manage to post my topic in the polylang forum.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @educacionmeraki.,

    Just add this lines on your child theme style.css, I think it helps you. 

    #menu-item-289-en a svg {
    display: none;
}
#menu-item-289-en a::after {
    content: "En";
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: -1px;
    background: #15b6b8;
    height: 20px;
    width: 20px;
    padding-top: 9px;
}
#menu-item-289-en a {
    position: relative;
}

    Thanks
    Rajan V

    Thread Starter educacionmeraki

    (@educacionmeraki)

    HI Rajan , thanks for your help, it kind of works but only one of the symbols changes and it says ‘En’ could I have a flag as my symbols instead.. Sorry I am a very basic user and no idea of code

    Yes you can use image instead of text 

    #menu-item-289-en a::after {
    content: " ";
    background-image:url('PATH OF YOUR FLAG IMAGE')
}

    Thanks
    Rajan V

    Thread Starter educacionmeraki

    (@educacionmeraki)

    Hi rajan, how do I find a path to my flag image? Would it be possible for you to give me a code with a british flag for one link and a spanish flag for the other link?
    Thanks in advance

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Polylang language switcher in social media menu’ is closed to new replies.