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

Question

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

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

0

адаптация сайта

Ответы на пост (8) Написать ответ

Быстрая регистрация для ответа Войти

Answer 1

Почему не прикрутить отдельный файл для стилей? Если вы написали везде размеры в процентах, это не значит что сайт адаптирован. Обратитесь к специалистам, вам и отрегулируют, и адаптируют.

Answer 2

Мне главное подсказать как реализовать, а дальше я сам. Спасибо, буду пробовать.

Answer 3

Проще всего реализовать адаптивный дизайн с помощью @media в CSS. Вот здесь почитайте: http://1zaicev.ru/adaptivnyj-dizajn-sajta-kak-adaptirovat-shablon-wordpress/

Answer 4

Ну можно создать отдельный файл css стилей, нпример mobile.css и дальше редактировать уже существующие стили таким кодом @media screen and (max-width: 780px) (максимальная ширина 780 писелей). Это пример

Answer 5

Вот допустим просто пример
.examp {display:block}
@media screen and (max-width: 780px){
.examp {display:none;}
}
то есть если ширина меньше 780 пикселей то класс не будет показываться, а если больше то будет

Answer 6

mihail

0

29.08.2016 20:40

Ок. Спасибо!

0

Answer 7

А вас что, в гугле/яндексе заблокировали? Заходите в поиск: задаете этот же вопрос, вам выдадут сотню статей, как это делать правильно.

Answer 8

Адаптивных шаблонов мало что ли. Смените шаблон на уже нормальный пока, или закажите его исправление специалистам, а если возникло желание учить верстку и CSS, желание вполне правильное - учебников полно в сети.

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

Похожие посты

Анализ сайта