Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Anthony
Initial Email Subject: 2 Aesthetics Issues with Menu when Translated
Support Case Month: June 2012

One more quick round of questions if I may Kostas. I am building a new website using your menu which is being translated using the Google Translate Plugin. I cannot quite figure out how to perfect marrying the two together aesthetically and am hoping that maybe you can help.


#1) - If you translate it to Macedonian, you will notice that the link(s) which wrap to a 2nd line have a negative indent instead of staying in a straight line, and the link below it does not move down but rather stays crammed up. Is there some way that I can fix this?

menu wraps



#2)
- If you translate it to Vietnamese, you will notice that the first two top menu items overlap, instead of spacing out horizontally. It looks like there should be room for them to all fit with equal spacing in between them all. Is there some way that I can fix this?

menu items overlap

Thanks in advance for any help that you can provide. I realize that this is really putting your menu to the test... but if anyone can fix it I know that you can. 🙂

Sincerely,
Anthony

Reply From: Likno Customer Support

Dear Anthony,

The problem is that Google Translate intervenes and changes the text after the menu is already measured and built.

I am afraid that there is no way to fix this! It is not possible for the menu to re-adjust itself as it does not even really know that some other script messed with its texts.

Google Translate can only work properly with DIVs that do not have a preset width/height, but it would be impossible to create such a complex component as our menu without giving it fixed width/height.

Sorry! Sad smile

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Anthony

Thank you for the clear explanation and that does make sense. That does lead me to one more question though. Even when NOT translated, if I make a sub menu item long enough to wrap, it hangs too far over to the left once it wraps (like the one below). Is there a setting to adjust so that it at least lines up in a straight line with the others?

submenu wraps

Sincerely,
Anthony

Reply From: Likno Customer Support

This is something you will see if you use “Text Margin”. The same is not true for “Padding”. Both of these properties can be used to add some space on the left side of the text, but the “margin” will only add it to the first line, while the “padding” will work for the whole item.

menu text margin and padding

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Anthony

This helps a lot. Thanks again Kostas! Have a great weekend.

Sincerely,
Anthony