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

  • Хотел бы скрыть сайдбар для маленьких экранов.
    Нашел в интернет совет, вставить код в style.css темы:

    @media only screen and (max-width: 1170px) {
        .wp_sidebar {
            display: none;
         }
    }

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

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Однако, этого оказалось недостаточно

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

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

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

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

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

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

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

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

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

    • Ответ изменён 9 месяцев, 1 неделя назад пользователем Иван.

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

    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
    Прописать правильные селекторы и правила. Конкретнее, не видя сайта, сказать невозможно.

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

    • Ответ изменён 9 месяцев, 1 неделя назад пользователем Иван.
    • Ответ изменён 9 месяцев, 1 неделя назад пользователем Иван.

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

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

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

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

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

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

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

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

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Скрыть сайдбар для маленьких экранов» закрыта для новых ответов.