Девушка думает, как сделать тему фиксированнойПроблема в следующем. В одном шаблоне на одном сайте при изменение размера все ползет.

Задача — исправить шаблон, чтобы при уменьшение размеров экрана появлялась внизу прокрутка, а не лезло все друг на друга. Т.е  надо сделать шаблон фиксированным.

Вообще это хорошая штука, так называемый, RWD — универсальный (резиновый) дизайн шаблона под разные устройства, за этим будущее, это удобно, стильно, модно и молодежно. Но почему-то заказчику не нравится.

Так и будет называть наш пост:

23:17 Лезу в шаблон.

Код темы вордпресс

23:26 <header> — хэдер с менюшкой

<section> с айдишками top-a и top-b — места для виджетов

<div> с айди main — главный контент страницы

Нас интересует <div class=»wrapper grid-block»>, что бы этот класс не значил)). Смотрим на его css файл при изменение размера экрана

Вот такой код при обычном экране

23:36 Хм… после определенного рубежа при уменьшении ширины браузера, css меняется на другой, где стиль такой вот:

Файл уже другой — responsive.css Пойду туда.

23:45 Дописал стиль в файле

Размер перестал уменьшаться, но виджеты на позициях top-b стали прыгать. Смотрим их код.

23:48 Опять же при определенном размере браузера меняется css стиль на такой:

все в том же responsive.css

23:50 схожу-ка за чаем

23:53 Кстати, занятая вещь. Тот первый файл responsive.css лежал по адресу /темавордпресс/css/responsive.css, а этот лежит /темавордпресс/warp/css/responsive.css

Причина мне не ясна)

23:57 Исправил код на:

0:06 По аналогии с вышеперечисленным изменил еще несколько стилей. Там было еще одно условие под определенный размер ширины браузера.

0.10 Все закончил, оформляю пост. Задача решена 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *