Виджет не показывается при определенном разрешении

InstantCMS 2.X

Как сделать?

#1 19 апреля 2018 в 13:25
Здравствуйте. Подскажите, как можно сделать, что бы виджет не показывался, если разрешения экрана уже чем необходима для показа?
В цсс пишу:
  1.  
  2. <style>
  3. @media screen and (max-width: 1024px) {
  4. netnamelkom {
  5. visibility: hidden;
  6. display: none;
  7. }
  8. }
  9. </style>
  10.  
Пробовал "netnamelkom" написать в:
Класс CSS для контейнера
Класс CSS для заголовка
Класс CSS для тела
Но не выходит =(
#2 19 апреля 2018 в 14:06
На всякий случай точечку поствьте (это если если селектор class) laugh
  1.  
  2. .netnamelkom {
  3.  
или # (если id)
#3 19 апреля 2018 в 17:00
Что то не вышел каменный цветок и с точкой и с решеткой sad
#4 19 апреля 2018 в 17:07

Подскажите, как можно сделать, что бы виджет не показывался, если разрешения экрана уже чем необходима для показа?

SALIK
Вы имеете ввиду именно ширину экрана? Может стоит просто не показывать его на определенных устройствах? Оставить только Настольные ПК.

Если не подходит, то можете показать код виджета? Или еще лучше ссылку на пациента, если, конечно, это не страшная тайна.
#5 19 апреля 2018 в 19:44


Что то не вышел каменный цветок и с точкой и с решеткой sad

SALIK
Если для виджета, то добавляйте netnamelkom (без точки!) в поле "Класс CSS для контейнера". Если не работает (причин может быть несколько), тогда попробуйте свойствам добавить приоритета:
  1.  
  2. @media screen and (max-width: 1024px) {
  3. .netnamelkom {
  4. visibility: hidden !important;
  5. display: none !important;
  6. }
  7. }
  8.  
Ежели и это не сработает, выходите на связь.
#6 20 апреля 2018 в 09:35
шэльдэ бердэ бельдэ
Нет, этот вариант активно использую, но в данном случае нужно именно для разрешения экрана :)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.