Title: Как предотвратить изменение ширины колонки меню
Last modified: 11.12.2016

---

# Как предотвратить изменение ширины колонки меню

 *  [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/)
 * Есть сайт на теме Twenty Fifteen ⌊Сайт⌉
    При разворачивании браузера на всю ширину
   экрана «расползается» колонка меню и виджетов ⌊Колонка⌉ Как этого избежать, то
   есть сделать ширину в десктоп-версии фиксированной, а для планшета пусть будет
   относительной?

Просмотр 12 ответов — с 1 по 12 (всего 12)

 *  [Quazimorda](https://ru.wordpress.org/support/users/quazimorda/)
 * (@quazimorda)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230666)
 * В медиа описаниях стилей для широкого экрана блоку с меню указать свойство max-
   width и указать его размеры в пикселях конкретно.
 *  Автор [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230718)
 * Спасибо. Осталось только понять, где в медиа описании именно блок, а не стили
   шрифтов и линий…
 *  [Quazimorda](https://ru.wordpress.org/support/users/quazimorda/)
 * (@quazimorda)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230727)
 * Во-первых, работая с темой, лучше всего создать [дочернюю тему](https://codex.wordpress.org/%D0%94%D0%BE%D1%87%D0%B5%D1%80%D0%BD%D0%B8%D0%B5_%D1%82%D0%B5%D0%BC%D1%8B)
   и работать уже с нею.
 * Во-вторых, в файле стилей нужно найти примерно такой вот фрагмент
 *     ```
       @media screen and (min-width: 1200px) {
           /* STYLES HERE */
           ...
       }
       ```
   
 * И уже в него на месте многоточия вписать что-то вроде
 *     ```
       #sidebar {
         max-width: 400px;
       }
       ```
   
 * То есть, для экранов шире 1200 пикселей, ширина сайдбара будет строго равна 400(
   ну или сколько там вам нужно) пикселей.
 * Само собой, просто в стилевом файле, не в медиа-разделе, этот же показатель стоит
   выставить в auto, чтобы при прочих (меньших чем 1200 пикселей) размерах экранов,
   ширина сайдбара всё-таки менялась.
 *  Автор [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230734)
 * Спасибо за подробный и обстоятельный ответ!
 *  Автор [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230741)
 * Величину .sidebar нашел
    Попытки работать с ней ни к чему не приводят. Никаких
   реакций от темы на вносимые изменения переменной вообще!
 *  [Quazimorda](https://ru.wordpress.org/support/users/quazimorda/)
 * (@quazimorda)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230768)
 * У вас sidebar задан не как класс, а как id. Перед словом нужна решётка — #, а
   не точка.
    .sidebar — неправильно. #sidebar — правильно.
 *  Автор [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230796)
 * Не помогает.
 *  [Quazimorda](https://ru.wordpress.org/support/users/quazimorda/)
 * (@quazimorda)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230830)
 * Ссылку на сайт — в студию! Иначе, гадать будем долго.
 *  Автор [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230840)
 * [http://lutavr.ru/](http://lutavr.ru/)
 * Спасибо за внимательное отношение!
 *  [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/)
 * (@tuxfighter)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230859)
 * div#sidebar.sidebar
 *  Автор [DreamFixxxer](https://ru.wordpress.org/support/users/dreamfixxxer/)
 * (@dreamfixxxer)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230926)
 * Не понял. Куда вписывать div? В css???
 *  [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/)
 * (@tuxfighter)
 * [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230956)
 * да

Просмотр 12 ответов — с 1 по 12 (всего 12)

 Тема «Как предотвратить изменение ширины колонки меню» закрыта для новых ответов.

 * Форум: [Темы и шаблоны](https://ru.wordpress.org/support/forum/themes-and-templates/)
 * 12 ответов
 * 3 участника
 * Последний ответ: [tuxfighter](https://ru.wordpress.org/support/users/tuxfighter/)
 * Последняя активность: [9 лет, 10 месяцев назад](https://ru.wordpress.org/support/topic/%d0%ba%d0%b0%d0%ba-%d0%bf%d1%80%d0%b5%d0%b4%d0%be%d1%82%d0%b2%d1%80%d0%b0%d1%82%d0%b8%d1%82%d1%8c-%d0%b8%d0%b7%d0%bc%d0%b5%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5-%d1%88%d0%b8%d1%80%d0%b8%d0%bd%d1%8b-%d0%ba/#post-230956)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы