Home multilingual CSS alignment issues

We have some minor problems with the formation of the main page of our Batoku website when switching to an alternative language (switching to the Italian test).

1) The text "Swap" is not located in the center between the arrows when changing languages. ( #wrap-main #main-home #items a#swap)

a#swap {
    color: #449AC2;
    font-size: 26px;
    font-weight: bold;
    left: 467px;
    max-width: 135px;
    position: absolute;
    top: 194px;
    word-wrap: break-word;
}

2) The footer is not centered and does not look good, it is incompatible in terms of the elements in the line when changing the language, and if you like this page below for the first time, there is no place to write a comment, etc.

3) Potentially, if there is a very large text for any of the languages, the heading will look completely everywhere. To check in <li id="add-item">change range to say <span>I will destroy your header!!! </span>(use firebug)

thanks

+4
1

1) swap , , . div width: 100%; text-align: center; - , , .

2) footer. ul. , 'text-align: center' , float li display: inline;

3) header .:) , : ", ?" " ?", . , . , , . . - javascript, , - , .

+1

Source: https://habr.com/ru/post/1527497/


All Articles