Minor issues with flag display (Polylang conflict?)

This topic has 1 reply, 1 voice, and was last updated 5 years, 10 months ago by Spiracle Themes.

Viewing 1 reply thread
  • Author
    Posts
    • #1500


      Clémence
      Guest

      Hello!

      I get minor problems with the display of the flags added through the plugin polylang. I’m not sure you can fix it on your side, but I’m still asking here first as you are much more reactive than polylang..

      So here is my problem:
      When I hover the flag to change language, I notice that the flag is not centered compared to the underline (or vice versa), seems like it’s align left, while other items on the menu are centered.
      Then when I put the mouse pointer a bit on the left side of the flag, the attribute ‘title’ of the flag img file appears, and it’s very long and ugly. This seems to be more of a polylang issue but if you can see a way around it to fix it that would be great.

      Thanks a lot!

    • #1502


      Spiracle Themes
      Guest

      Hi,

      First of all, you need to write down a few CSS lines to center align the flag image ie

      .nav>li:last-child a {
      padding-right: 22px;
      }

      Copy and paste this in Appearance -> Customize -> Additional CSS

      To hide the title, please check the link below

      https://colorlib.com/wp/forums/topic/polylang-flags-displaying-html-code/

      You have to use Code Snippets plugin to add JS code for this.
      Let us know if this works for you.

      Best Regards

Viewing 1 reply thread

Reply To: Minor issues with flag display (Polylang conflict?)

Your information: