Подогнать Адаптивность Мобильной Версии

Всем привет!

Возможно ли подогнать мобильную версию, чтобы телефон не залезал за логотип
https://yadi.sk/i/sxzsUX1f3PAvbR

Заранее спасибо!

Поправили? Вроде нормально показывается

Поправили? Вроде нормально показывается

Зависит от размера экрана, например на iPhone 6 отлично, а на 5S так как на скриншоте.

У меня аналогичная проблема. Телефон наезжает на логотип.

Это от размера логотипа зависит или от чего? Как-то исправляется?

Через CSS

@media screen and (max-width: 320px) {
.top-logo .ty-logo-container__image {
    max-height: 35px; }
}

На маленьких экранах будет так:

1 лайк

а куда этот код вносить надо?

Я сюда внёс, не помогает:

Дизайн – Темы – синяя кнопка “Редактор тем”.

Вставляете код сюда:

image

Нажимаете сохранить. Если попросит придумать название новому файлу стилей, называйте как хотите.

В дальнейшем, все коды CSS вставляйте в этот новосозданный файл.

Ну и, соответственно, в ТЕМА/styles/data появятся файлы .less и .css с вашим новым названием. В файл .css можете вставлять любой CSS-код.

1 лайк

Помогло, спасибо!

Здравствуйте.
Такая же проблема, только телефон в мобильно версии залезает не на логотип, а вот так

Делал, как на последнем скриншоте, не помогло. Heeelp!

Тема Youpi

Например:

@media screen and (max-width: 676px) {
    .ypi-logo .phone-links-wrap {
        margin-top: 30px;
    }
}
1 лайк

Супер! Спасибо!