Change CSS based on language

My site is in English and I want to offer translation to Spanish. Since Spanish words have more characters than English words I’d like to adjust the CSS when the site is translated into Spanish.

I tried looking at the source code to see if there was a lang=”” change but there isn’t. Is there any way I can check whether the site has been translated by the plugin so I can setup an if/else statement for my stylesheet?

I should also mention that there is a different method that can be used to create a centered menu, just in case you are worried about the “blue box” menu located halfway down your page. I can see that the display there is affected when switching to Spanish.

You can actually create a “widthless” menu that adjusts no matter how wide your menu items get.

See this article which tells you how to create a menu without having a fixed width, then you can avoid the jQuery coding I mentioned above, and the menu will adjust accordingly to the translated text.