WPML flags position

kullus

Hi,

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

Thank you!

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

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!

Pablo

Add this Custom CSS code:

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

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

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;

}

Pablo

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Great, thank you!

kullus

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? 

url: https://sivona.ee/

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;

}

Phil

Hello,
Please, try to use following Custom CSS Code.

#Top_bar .menu > li.wpml-ls-item > a span{
	padding: 0 5px!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Great, thank you!