WPML flags position

Hi,

How to reduce space between WPML flags? url: http://raamatupidamine.veebilahendus.ee/

Thank you!

Comments

  • Hi,
    try this css
    #menu-menuu li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-menuu li:nth-last-child(1) span{
    padding-left:10px !important;
    }
    thanks
  • Hi,

    it worked, thanks, but only with 2 languages. Now added 3rd one and big space between 1st language flag and other flags. http://www.kreedit.ee/

    Code that I added:


    #menu-menuu li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-menuu li:nth-last-child(1) span{
    padding-left:10px !important;
    }

    #menu-soome li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-soome li:nth-last-child(1) span{
    padding-left:10px !important;
    }

    #menu-vene li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-vene li:nth-last-child(1) span{
    padding-left:10px !important;
    }
    Can you chck?

    Thank you!
  • Add this Custom CSS code:
    #menu-menuu li:nth-last-child(3) span{
    padding-right:0 !important;
    }
    thanks
  • Hi,

    added, code below. 1st language flags position are ok http://www.kreedit.ee/ 2nd language flags position are different http://www.kreedit.ee/ru/ and 3rd language are little bit different http://www.kreedit.ee/fi/

    Can´t use the code to show all flags on same position?

    #menu-menuu li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-menuu li:nth-last-child(1) span{
    padding-left:10px !important;
    }

    #menu-soome li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-soome li:nth-last-child(1) span{
    padding-left:10px !important;
    }

    #menu-vene li:nth-last-child(2) span{
    padding-right:0 !important;
    }
    #menu-vene li:nth-last-child(1) span{
    padding-left:10px !important;
    }

    #menu-menuu li:nth-last-child(3) span{
    padding-right:0 !important;
    }

  • Delete whole CSS with this flags you sent and insert this
    #menu-menuu li:nth-last-child(2) span{
    padding-right:10px !important;
    }
    #menu-menuu li:nth-last-child(1) span{
    padding-left:10px !important;
    }
    #menu-menuu li:nth-last-child(3) span{
    padding-right:0 !important;
    }
    If you'll insert next flags, just add 10px of padding to the third child.
    Thanks.
  • Great, thank you!
  • Hi,

    I have now 3 menus with 3 languages, added css code, but the space between flags are still little bit big, how to reduce it? 


    css code: 

    }

    #menu-eesti li:nth-last-child(2) span{
    padding-right:0.1px !important;
    }
    #menu-eesti li:nth-last-child(1) span{
    padding-right:0.1px !important;
    }
    #menu-eesti li:nth-last-child(3) span{
    padding-right:0.1px !important;
    }

    #menu-inglise li:nth-last-child(2) span{
    padding-right:1px !important;
    }
    #menu-inglise li:nth-last-child(1) span{
    padding-right:1px !important;
    }
    #menu-inglise li:nth-last-child(3) span{
    padding-right:1px !important;
    }

    #menu-vene li:nth-last-child(2) span{
    padding-right:1px !important;
    }
    #menu-vene li:nth-last-child(1) span{
    padding-right:1px !important;
    }
    #menu-vene li:nth-last-child(3) span{
    padding-right:1px !important;
    }
  • edited November 2020
    Hello,
    Please, try to use following Custom CSS Code.
    #Top_bar .menu > li.wpml-ls-item > a span{
    padding: 0 5px!important;
    }
    Thanks
  • Great, thank you!
Sign In or Register to comment.