SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Как адаптировать шаблон?

Михаил Михаил  
2
  29.08.2016 18:07       910    
Сайт очень криво выглядит если изменить размер окна браузера или посмотреть сайт на мобильном устройстве, именно главная страница. Есть два варианта - это зафиксировать его или адаптировать, в общем, сайт адаптирован, но как отрегулировать элементы на главной странице? Сайт http://softtrade.com.ua

Ответы на пост (8) Написать ответ
tryam tryam
138
29.08.2016 19:14
Почему не прикрутить отдельный файл для стилей? Если вы написали везде размеры в процентах, это не значит что сайт адаптирован. Обратитесь к специалистам, вам и отрегулируют, и адаптируют.
1
mihail mihail
0
29.08.2016 19:35
Мне главное подсказать как реализовать, а дальше я сам. Спасибо, буду пробовать.
0
tryam tryam
138
30.08.2016 07:37
Проще всего реализовать адаптивный дизайн с помощью @media в CSS. Вот здесь почитайте: http://1zaicev.ru/adaptivnyj-dizajn-sajta-kak-adaptirovat-shablon-wordpress/
0
Ну можно создать отдельный файл css стилей, нпример mobile.css и дальше редактировать уже существующие стили таким кодом @media screen and (max-width: 780px) (максимальная ширина 780 писелей). Это пример
0
Вот допустим просто пример
.examp {display:block}
@media screen and (max-width: 780px){
.examp {display:none;}
}
то есть если ширина меньше 780 пикселей то класс не будет показываться, а если больше то будет
0
mihail mihail
0
29.08.2016 20:40
Ок. Спасибо!
0
metamarfoz metamarfoz
154
29.08.2016 22:36
А вас что, в гугле/яндексе заблокировали? Заходите в поиск: задаете этот же вопрос, вам выдадут сотню статей, как это делать правильно.
0
Metaarv Metaarv
133
29.08.2016 22:49
Адаптивных шаблонов мало что ли. Смените шаблон на уже нормальный пока, или закажите его исправление специалистам, а если возникло желание учить верстку и CSS, желание вполне правильное - учебников полно в сети.
0