eskaaaaaaaaaa

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

10 сообщений в этой теме

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

 

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

<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");
}
}
Денис Белецкий и bars312 понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу