Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Скрыть виджет на экране "мобильного" по id можно?

Тема в разделе "Вопросы, советы и доработки.", создана пользователем igor.gayyar, 12 авг 2016.

  1. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    Здравствуйте
    подскажите, как скрыть виджет на экране определенного размера.
    Я знаю, что нужен такой запрос в css:

    @media screen and (max-width: 767px) {
    .widget_black_studio_tinymce .black-studio-tinymce-11 {
    display: none;
    }
    }

    как правильно написать запрос именно для этого виджета под номером id 11
    upload_2016-8-12_15-40-20.png

    буду очень благодарен за совет
     
  2. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    вот так попробуйте:
    Код:
    @media screen and (max-width: 767px) {
    #black-studio-tinymce-11 { display: none; }
    }
     
    • Нравится Нравится x 1
  3. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    Спасибо
    Так и думал
     
  4. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    добрый день ввел кучу запросов, вроде правильно, только почему-то они не работают (((
    если прописываю класс, то всё работает
    @media screen and (max-width: 550px) {
    .woocommerce ul.products li.product h3{
    font-size: 10px
    }
    }


    а если id, то почему-то не хочет..., не знаете в чем может быть проблема???
    @media screen and (max-width: 767px) {
    #black-studio-tinymce-11 { display: none; }
    }

    @media screen and (max-width: 600px) {
    #strong-testimonials-view-widget-2 { display: none; }
    }

    @media screen and (max-width: 700px) {
    #recent-posts-2 { display: none; }
    }

    @media screen and (max-width: 700px) {
    #woocommerce_recent_reviews-2 { display: none; }
    }

    @media screen and (max-width: 700px) {
    #black-studio-tinymce-15 { display: none; }
    }

    @media screen and (max-width: 961px) {
    #black-studio-tinymce-9 { display: none; }
    }

    @media screen and (max-width: 961px) {
    #black-studio-tinymce-10 { display: none; }
    }

    @media screen and (max-width: 961px) {
    #black-studio-tinymce-6 { display: none; }
    }

    @media screen and (max-width: 961px) {
    #text-4 { display: none; }
    }

    @media screen and (max-width: 961px) {
    #black-studio-tinymce-14 { display: none; }
    }

    @media screen and (max-width: 961px) {
    #sgwindow_socialicons_widget-2 { display: none; }
    }
     
    Последнее редактирование: 17 авг 2016
  5. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Дайте ссылку на страницу с виджетом и вставленными стилями для его скрытия.
    Возможно другие стили перекрывают вставленные.
     
  6. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    Виджеты находятся на главной странице, практически все (с боковой панели, и из подвала) хочу их убрать в мобильной версии...
    ссылка вот: http://magickids.com.ua/

    Например виджеты в подвале:

    Это первый "Подпишитесь на нашу рассылку......."
    upload_2016-8-18_7-7-34.png
    прописал в файле css так:
    @media screen and (max-width: 961px) {
    #black-studio-tinymce-14 { display: none; }
    }

    Это второй соц. кнопки
    upload_2016-8-18_7-9-43.png

    прописал в css так:
    @media screen and (max-width: 961px) {
    #sgwindow_socialicons_widget-2 { display: none; }
    }


    upload_2016-8-18_7-5-24.png

    стили для скрытия должны отображаться в панели chrome ?? Их нет почему-то ((
    но в style.css точно вставлены
    upload_2016-8-18_7-17-53.png
     
  7. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    У Вас ошибки (ошибка разбора) в файле стилей http://magickids.com.ua/wp-content/themes/sg-window/style.css
    Вот что показывает валидатор CSS.
    Поэтому стиль не применяется.

    После того, как что-то вставите в файле стилей обязательно проверяйте валидатором на наличие ошибок.
     
    • Нравится Нравится x 1
  8. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    Спасибо большое. Буду изучать, как её исправить.
    Её ведь можно исправить?..
     
  9. igor.gayyar

    igor.gayyar

    Сообщения:
    308
    Симпатии:
    4
    Баллы:
    18
    Спасибо Вам
    исправил все ошибки