eskaaaaaaaaaa 95 Posted December 9, 2015 Report Share Posted December 9, 2015 Привет друзья, столкнулся с проблемой, поставил на вордпресс тему "quickpress theme" С телефона она немного уходит в права, за экран, как сделать его адаптивный на всех устройствах? Всю яшу обыскал. Спасибо. Quote Link to post Share on other sites
Guest werstey Posted December 9, 2015 Report Share Posted December 9, 2015 Дайте ссылку в ЛС, или тут выложите неактивную Quote Link to post Share on other sites
dee0xeed 36 Posted December 9, 2015 Report Share Posted December 9, 2015 Я косяки правлю так: 1) открываю сайт в Мозилле или Хроме, уменьшаю окно браузера до размеров мобильника 2) для элементов, у которых плывет верстка нажимаю "исследовать элемент" и смотрю исходный код и стили 3) находил нужный класс элемента в файлах стилей именно для данного разрешения, начинается с @media ..., если менять размер окна содержимое css в инспекторе кода тоже меняется 4) методом тыка правлю прямо в инспекторе кода стили, чтобы все правильно отображались 5) нахожу файл стилей в теме и вношу то, что менял уже туда Quote Link to post Share on other sites
amigo 128 Posted December 9, 2015 Report Share Posted December 9, 2015 wordpress(.)org/themes/quickpress/ - этот шаблон? Отправьте скрин вашего логотипа. Quote Link to post Share on other sites
eskaaaaaaaaaa 95 Posted December 9, 2015 Author Report Share Posted December 9, 2015 wordpress(.)org/themes/quickpress/ - этот шаблон? Отправьте скрин вашего логотипа. картинку пришлю в ЛС Quote Link to post Share on other sites
Guest werstey Posted December 9, 2015 Report Share Posted December 9, 2015 У меня все четко, на разных устройствах Quote Link to post Share on other sites
eskaaaaaaaaaa 95 Posted December 9, 2015 Author Report Share Posted December 9, 2015 У меня все четко, на разных устройствах А мне уже помог amigoЗа что ему огромное спасибо amigo 1 Quote Link to post Share on other sites
eskaaaaaaaaaa 95 Posted January 26, 2016 Author Report Share Posted January 26, 2016 Посмею продолжить тему, есть вп шаблон express, установил лого, как его адаптировать на все устройства? Спасибо за ваши старания. Quote Link to post Share on other sites
workmaster95 340 Posted January 26, 2016 Report Share Posted January 26, 2016 Посмею продолжить тему, есть вп шаблон express, установил лого, как его адаптировать на все устройства? Спасибо за ваши старания. уж слишком обширный вопрос. Quote Link to post Share on other sites
Модератор files 2807 Posted January 27, 2016 Модератор Report Share Posted January 27, 2016 Как вариант адаптивного лого.В теле шаблона: <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 and Денис Белецкий 2 Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.