Archived topic
Menu Spacing For Different Languages
3 replies · Started by Mary Pearson on January 18, 2016
Hi Tom,
My latest website is http://caribecampo.com/
You will notice that the spacing of the items in the menu is much closer together than I would like. I have had to reduce the space because when I translate into different languages (especially German) the words take up a lot more space.
Currently this is what I have for spacing.
/* Top Menu spacing - Tablet ignore desktop custom CSS */
@media (min-width: 1025px) {
.menu-item-72, .menu-item-71, .menu-item-69, .menu-item-70 {
margin-right: 25px;
}
.menu-item-72 {
margin-left: 30px; }
}
Is there a way to make different spacing for different languages?
Thanks!
Hi Mary,
I don't believe so - you'll need to adjust the wording/font size/container width so it can accommodate the items no matter what the language is.
Thanks Tom. I suspected that might be the situation but just wanted to check.
No problem :)