Скрыть сайдбар для маленьких экранов

Иван
(@r123)

3 года, 4 месяца назад
Хотел бы скрыть сайдбар для маленьких экранов.
Нашел в интернет совет, вставить код в style.css темы:
```
@media only screen and (max-width: 1170px) {
    .wp_sidebar {
        display: none;
     }
}
```
Однако, этого оказалось недостаточно, код не работает.
Подскажите пожалуйста, как решить эту задачу?

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

tuxfighter
(@tuxfighter)

3 года, 4 месяца назад

Однако, этого оказалось недостаточно

Конечно же кроме кода, нужно еще и понимание как он работает.

код не работает

Код работает. Для того сайта, для которого он написан. Универсальных «кодов» стилей не бывает.

Подскажите пожалуйста, как решить эту задачу?

Разобраться с css и медиазапросами.

Модератор Yuri
(@yube)

3 года, 4 месяца назад

Подскажите пожалуйста, как решить эту задачу?

Прописать правильные селекторы и правила. Конкретнее, не видя сайта, сказать невозможно.

Taras Marusyk
(@labdev95)

3 года, 4 месяца назад

Попробуйте и вставить в «дополнительные стилы» вашей темы в настройках (кастомайзере):
@media only screen and (max-width: 1170px) {
.wp_sidebar {
visibility: hidden !important;
display: none !important;
}
}
Автор Иван
(@r123)

3 года, 3 месяца назад
Выяснил, что надо вставить в header
<meta name=»viewport» content=»width=device-width,initial-scale=1″>
для того, чтобы медиазапросы начали обрабатываться.
Также синтаксис .wp_sidebar оказался неверным. Работает #sidebar
Оказалось, что скрывается только текст сайдбара! Что делает такой метод бессмысленным.
Может кто знает, как отключить всю колонку сайдбара?!
- Ответ изменён 3 года, 3 месяца назад пользователем Иван.
tuxfighter
(@tuxfighter)

3 года, 3 месяца назад

Может кто знает, как отключить всю колонку сайдбара?!

https://ru.wordpress.org/support/topic/%d1%81%d0%ba%d1%80%d1%8b%d1%82%d1%8c-%d1%81%d0%b0%d0%b9%d0%b4%d0%b1%d0%b0%d1%80-%d0%b4%d0%bb%d1%8f-%d0%bc%d0%b0%d0%bb%d0%b5%d0%bd%d1%8c%d0%ba%d0%b8%d1%85-%d1%8d%d0%ba%d1%80%d0%b0%d0%bd%d0%be%d0%b2/#post-12201795
Прописать правильные селекторы и правила. Конкретнее, не видя сайта, сказать невозможно.
Автор Иван
(@r123)

3 года, 3 месяца назад
tuxfighter вы могли бы не писать в моих темах?
Весь вышеуказанный код работает или не работает вне зависимости от шаблона сайта…
К тому же код моего сайта никто смотреть не собирается…
Подобный вопрос кстати актуален и пригодится для многих других пользователей WP…
- Ответ изменён 3 года, 3 месяца назад пользователем Иван.
- Ответ изменён 3 года, 3 месяца назад пользователем Иван.
Модератор Yuri
(@yube)

3 года, 3 месяца назад

Весь вышеуказанный код работает или не работает вне зависимости от шаблона сайта…

В поставочной теме (не шаблон!) twentytwenty нет ни элемента с классом wp_sidebar, ни с id sidebar, поэтому css с такими селекторами в ней рабоать не будет. А в какой-то другой, где такие элементы есть — будет. Так что очень даже в зависимости.

tuxfighter
(@tuxfighter)

3 года, 3 месяца назад

вы могли бы не писать в моих темах?

Я обдумаю вашу просьбу, проведу внеплановое совещание. О его результатах сообщу дополнительно. Но скорее всего ответ будет отрицательный.

Весь вышеуказанный код работает или не работает вне зависимости от шаблона сайта…

Святая простота, не знающая даже основ css…… Да что там какие-то дебри с css, даже терминологию ВП не способный изучить -))

Подобный вопрос кстати актуален и пригодится для многих других пользователей WP…

Правила css строго индивидуальны для каждой темы. Так что это топик пригодиться только в качестве примера незнания элементарных вещей его автором.

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

Тема «Скрыть сайдбар для маленьких экранов» закрыта для новых ответов.

Метки темы

Просмотр