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

#1 11 февраля 2016 в 10:14

Добрый день, а как можно сделать так: Есть виджет HTML блок, в нем лежит некий код, и как бы так сделать, что бы на мобильниках (ну если разрешение экрана маленькое) не показывать код, который в этом виджете ну или скрыть сам виджет?

#2 11 февраля 2016 в 11:08

 
@media screen and (max-width: 480px) {
  .block {
    visibility: hidden;
    display: none;
  }
}

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

В догонку тык

#3 11 февраля 2016 в 15:09

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

Jestik

Спасибо, а как узнать какое значение у block?

Сегодня в 05:03

#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 написал:

Спойлер

 
<style type="text/css">
@media screen and (max-width: 480px) {
  netvmobilke {
    visibility: hidden;
    display: none;
  }
}
</style>
<netvmobilke><div class="widget_html_block"><?php echo $widget->options['content']; ?></div></netvmobilke>

Затем в свойствах виджета "Шаблон виджета" написал html1

з.ы. Я наверное извращенец, но работает😊Jestik Спасибо ))

Смена фона шаблона при смене г

Очистка форматирования при вст

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

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

Похожие темы

адаптивность таблицы

[ЕСТЬ РЕШЕНИЕ] Шаблон Modern адаптивность iframe

Статистика заражения коронавирусом + Widget - адаптивность и еще вопросы

Нужна реализация адаптивного шаблона - клона примера

Вёрстка и адаптивность

В default шаблоне выключить адаптивность главного меню, чтобы оно не превращалось в гамбургер(выпадающее)

InstantCMS Team

О проекте

Поддержка

Дополнения