Вирішено - Приховати віджет на екрані - мобільного - по id можна, Створюємо свій інтернет-магазин на

igor.gayyar

Привіт підкажіть, як приховати віджет на екрані певного розміру. Я знаю, що потрібний такий запит у css:

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

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

буду дуже вдячний за пораду

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; > >