wordpress адаптивный логотип

[eskaaaaaaaaaa 95]

Привет друзья, столкнулся с проблемой, поставил на вордпресс тему "quickpress theme"

С телефона она немного уходит в права, за экран, как сделать его адаптивный на всех устройствах?

Всю яшу обыскал. Спасибо.

[Гость werstey]

Дайте ссылку в ЛС, или тут выложите неактивную

[dee0xeed 36]

Я косяки правлю так:

 

1) открываю сайт в Мозилле или Хроме, уменьшаю окно браузера до размеров мобильника

2) для элементов, у которых плывет верстка нажимаю "исследовать элемент" и смотрю исходный код и стили

3) находил нужный класс элемента в файлах стилей именно для данного разрешения, начинается с @media ..., если менять размер окна содержимое css в инспекторе кода тоже меняется

4) методом тыка правлю прямо в инспекторе кода стили, чтобы все правильно отображались

5) нахожу файл стилей в теме и вношу то, что менял уже туда

[amigo 128]

wordpress(.)org/themes/quickpress/ - этот шаблон?

Отправьте скрин вашего логотипа.

[eskaaaaaaaaaa 95]

wordpress(.)org/themes/quickpress/ - этот шаблон?

Отправьте скрин вашего логотипа.

картинку пришлю в ЛС

[Гость werstey]

У меня все четко, на разных устройствах

[eskaaaaaaaaaa 95]

У меня все четко, на разных устройствах

А мне уже помог 

amigo

За что ему огромное спасибо

[eskaaaaaaaaaa 95]

Посмею продолжить тему, есть вп шаблон express,  установил лого, как его адаптировать на все устройства? Спасибо за ваши старания.

[workmaster95 340]

Посмею продолжить тему, есть вп шаблон express,  установил лого, как его адаптировать на все устройства? Спасибо за ваши старания.

уж слишком обширный вопрос.

[files 2,631]

Как вариант адаптивного лого.

В теле шаблона:

<div id="logo"></div>

в CSS подключаем картинки разных размеров согласно разрешению экрана у пользователя

@media only screen and (max-width: 1000px) {
#logo {
background: url("logo1.png")
}
}

@media only screen and (max-width: 600px) {
#logo {
background: url("logo2.png");
}
}

@media only screen and (max-width: 300px) {
#logo {
background: url("logo3.png");
}
}