Поддержка Темы и шаблоны Как предотвратить изменение ширины колонки меню

  • Есть сайт на теме Twenty Fifteen Сайт
    При разворачивании браузера на всю ширину экрана «расползается» колонка меню и виджетов
    Колонка
    Как этого избежать, то есть сделать ширину в десктоп-версии фиксированной, а для планшета пусть будет относительной?

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • В медиа описаниях стилей для широкого экрана блоку с меню указать свойство max-width и указать его размеры в пикселях конкретно.

    Спасибо. Осталось только понять, где в медиа описании именно блок, а не стили шрифтов и линий…

    Во-первых, работая с темой, лучше всего создать дочернюю тему и работать уже с нею.

    Во-вторых, в файле стилей нужно найти примерно такой вот фрагмент

    @media screen and (min-width: 1200px) {
        /* STYLES HERE */
        ...
    }

    И уже в него на месте многоточия вписать что-то вроде

    #sidebar {
      max-width: 400px;
    }

    То есть, для экранов шире 1200 пикселей, ширина сайдбара будет строго равна 400 (ну или сколько там вам нужно) пикселей.

    Само собой, просто в стилевом файле, не в медиа-разделе, этот же показатель стоит выставить в auto, чтобы при прочих (меньших чем 1200 пикселей) размерах экранов, ширина сайдбара всё-таки менялась.

    Спасибо за подробный и обстоятельный ответ!

    Величину .sidebar нашел
    Попытки работать с ней ни к чему не приводят. Никаких реакций от темы на вносимые изменения переменной вообще!

    У вас sidebar задан не как класс, а как id. Перед словом нужна решётка — #, а не точка.
    .sidebar — неправильно.
    #sidebar — правильно.

    Не помогает.

    Ссылку на сайт — в студию! Иначе, гадать будем долго.

    http://lutavr.ru/

    Спасибо за внимательное отношение!

    div#sidebar.sidebar

    Не понял. Куда вписывать div? В css???

    да

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • Тема «Как предотвратить изменение ширины колонки меню» закрыта для новых ответов.