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

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

igor.gayyar

Опытный
Здравствуйте
подскажите, как скрыть виджет на экране определенного размера.
Я знаю, что нужен такой запрос в 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

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

dave14

Опытный
Местный
вот так попробуйте:
Код:
@media screen and (max-width: 767px) {
#black-studio-tinymce-11 { display: none; }
}
 

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/

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

Это первый "Подпишитесь на нашу рассылку......."
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
 

searchingman

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

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

igor.gayyar

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