Sign in to follow this  
Followers 0
eskaaaaaaaaaa

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

10 posts in this topic

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

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

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

Share this post


Link to post
Share on other sites

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

 

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

<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");
}
}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.