Как я могу исправить эту css проблему с заголовком на мобильном телефоне?

Question

У меня проблема с моим lo go на экране мобильного телефона. Он слишком большой и не вписывается в линию. Пожалуйста помоги. Я приложил, как это выглядит сейчас и как это должно выглядеть. Вы можете проверить сайт здесь .

До / Сейчас:

После (как это должно выглядеть):

Answer 1

Вы можете играть с параметром max-width настройки lo go, а также height: auto, чтобы вы могли контролировать максимальный размер lo go.

Я попытался изменить ваш код, и у меня получилось:

@media only screen and (max-width: 640px) {
    #header .header-main .custom-html img {
        max-width: 45vw;
        height: auto;
    }
}

Единицы vw представляют собой процент ширины области просмотра, поэтому это переменная единица, основанная на ширине области просмотра.

Я бы предпочел установить размер, хотя на разных сотовых телефонах он выглядит странно.