Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
The translated menu items don't fit in one line.

Solution:
Set page to full width from theme options solved the issue.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

This topic contains 1 reply, has 2 voices.

Last updated by Noman 1 year, 8 months ago.

Assisted by: Noman.

Author Posts
November 2, 2023 at 12:17 pm #14716135

marikaK

Hello!
I am translating my page (with automatic translations).
I have problem with menu translation.
In default language and in English – everything looks fine. But in Estonian language words are bigger, so I would like to know – how to make this work? Maybe it is possible to make menu place wider or make menu items (category names) written in 2 lines?

A am using Woodmart theme. See attached in screenshots my problem – English version looks nice, but in Estonian last category goes in next row. I would like that everything is fixed and looks nice.

English.JPG
wpml.JPG
November 2, 2023 at 2:49 pm #14717963

Noman
WPML Supporter since 06/2016

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. Please note that the WPML just provides the translation features for your site and the layout is handled by your current theme and you might be able to control it from theme options, or please try the either of the below steps:

1. You may ask the theme author to increase the menu container size to fit the menu items in it.

2. You can use ‘:lang’ selector with language code just before other CSS selectors to use different CSS for different languages. So in this case you may use this type of CSS in the custom CSS section of your theme to apply different font size in Latviešu language:

:c(lv) .menu-item a {
font-size: 12px;
}

And it will look as in the attached screenshot. You may update it according to your needs.

Here is a doc for more details:
hidden link

3. You may reduce the menu items or it’s text from Appearance >> Menus by selecting the desired language using admin language switcher. Here is a doc for more details: https://wpml.org/documentation/getting-started-guide/translating-menus/

Please let me know if this resolves your issue or if you need further assistance with this issue.

Thank you

menu items.png
November 3, 2023 at 6:19 am #14722523

marikaK

Thanks, Noman! 🙂

1st was my solution for this time! I have set my page full width. Found out that there is option to use costum with. Now everything looks nice! 😉

Have a nice day! 😉