Вопрос по адаптивности

#1 11 февраля 2016 в 10:14
Добрый день, а как можно сделать так: Есть виджет HTML блок, в нем лежит некий код, и как бы так сделать, что бы на мобильниках (ну если разрешение экрана маленькое) не показывать код, который в этом виджете ну или скрыть сам виджет?
#2 11 февраля 2016 в 11:08
  1.  
  2. @media screen and (max-width: 480px) {
  3. .block {
  4. visibility: hidden;
  5. display: none;
  6. }
  7. }
  8.  
Вроде так...
block на свое значение, ну и разрешение подберите

В догонку тык
#3 11 февраля 2016 в 15:09

Вроде так...
block на свое значение, ну и разрешение подберите

Jestik
Спасибо, а как узнать какое значение у block?
#4 11 февраля 2016 в 15:35

лежит некий код

SALIK
посмотреть в коде, смотря что за код.
htmlbook.ru/samcss/klassy
htmlbook.ru/html/div

или же присвоить класс виджету и использовать тот класс
#5 11 февраля 2016 в 15:38
Я таким образом сделал, создал копию файла html.tpl.php, обозвал ее html1.tpl.php и положил в папку /templates/default/widgets/html
А внутри html1 написал:

  1.  
  2. <style type="text/css">
  3. @media screen and (max-width: 480px) {
  4. netvmobilke {
  5. visibility: hidden;
  6. display: none;
  7. }
  8. }
  9. </style>
  10. <netvmobilke><div class="widget_html_block"><?php echo $widget->options['content']; ?></div></netvmobilke>
  11.  
Затем в свойствах виджета "Шаблон виджета" написал html1

з.ы. Я наверное извращенец, но работает😊Jestik Спасибо ))
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.