When switching from English to Russian, the header breaks. The problem is that the names of the menu items (which are in the header) are longer than the titles in English because of which the authorization buttons slide to the next line. The problem is solved by the need to change the font sizes that are set in media queries when changing the resolution. In order not to change the font size for all languages, I think to use a pseudo class :lang() . That is, to prescribe separate media queries for the Russian header, but this does not work. Normal media request:
@media screen and (max-width:1720px){ .navbar-nav > li > .menu_page{ font-size: 22px; } } Media query for Russian header:
@media screen and (max-width:1720px){ .navbar-nav > li > .menu_page :lang(ru){ font-size: 20px; } } Please tell me what could be the error, or maybe such things can be solved in another way? Thanks in advance
