[Resolved] Menu Spacing For Different Languages

[Mary Pearson]

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!

[Tom]

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.

[Mary Pearson]

Thanks Tom. I suspected that might be the situation but just wanted to check.

[Tom]

No problem 🙂

[Author]

Posts