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

[igor.gayyar]

Здравствуйте
подскажите, как скрыть виджет на экране определенного размера.
Я знаю, что нужен такой запрос в css:

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

как правильно написать запрос именно для этого виджета под номером id 11


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

 

[dave14]

вот так попробуйте:

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

 

[igor.gayyar]

Спасибо
Так и думал

 

[igor.gayyar]

добрый день ввел кучу запросов, вроде правильно, только почему-то они не работают (((
если прописываю класс, то всё работает
@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; }
}

 

[searchingman]

Дайте ссылку на страницу с виджетом и вставленными стилями для его скрытия.
Возможно другие стили перекрывают вставленные.

 

[igor.gayyar]

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

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

Это первый "Подпишитесь на нашу рассылку......."

прописал в файле css так:
@media screen and (max-width: 961px) {
#black-studio-tinymce-14 { display: none; }
}

Это второй соц. кнопки


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




стили для скрытия должны отображаться в панели chrome ?? Их нет почему-то ((
но в style.css точно вставлены

 

[searchingman]

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

После того, как что-то вставите в файле стилей обязательно проверяйте валидатором на наличие ошибок.

 

[igor.gayyar]

Спасибо большое. Буду изучать, как её исправить.
Её ведь можно исправить?..

 

[igor.gayyar]

Спасибо Вам
исправил все ошибки