Убрать вывод html блоков в мобильной версии

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем Irina-91, 31 мар 2016.

  1. Irina-91

    Irina-91 Пользователь

    Сообщения:
    39
    Симпатии:
    0
    Всем привет) Помогите пожалуйста, сделала сайт на opencart 2. На главную добавила информацию с помощью модуля HTML, данный модуль содержит табличную информацию. На мобильной версии все естественно плывет. Понимаю, что нужно прописать display: none для блока, но найти нужный блок с помощью firebug не получилось, наверное потому что, он выводиться с помощью модуля. Подскажите пожалуйста, как быть?
     
  2. DiMoss

    DiMoss Продвинутый пользователь

    Сообщения:
    862
    Симпатии:
    236
    Наверное можно прописать класс hidden-xs в шаблоне модуля - */template/module/html.tpl
    Это если надо вообще убирать этот модуль в мобильной версии.
    Или же выводимый контент делать адаптивным.
     
  3. Irina-91

    Irina-91 Пользователь

    Сообщения:
    39
    Симпатии:
    0
    Смысл поняла, но тяжело с реализацией:( Сейчас там такой код:
    <div>
    <?php if($heading_title) { ?>
    <h2><?php echo $heading_title; ?></h2>
    <?php } ?>
    <?php echo $html; ?>
    </div>
    Как правильно добавить, то что Вы посоветовали?:)
     
  4. DiMoss

    DiMoss Продвинутый пользователь

    Сообщения:
    862
    Симпатии:
    236
    Код:
    <div class="hidden-xs">
    <?php if($heading_title) { ?>
    <h2><?php echo $heading_title; ?></h2>
    <?php } ?>
    <?php echo $html; ?>
    </div>
     
    Irina-91 нравится это.
  5. Irina-91

    Irina-91 Пользователь

    Сообщения:
    39
    Симпатии:
    0
    Ой, точно! спасибо, поняла)))
     
  6. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    924
    Симпатии:
    240
    Можете еще использовать класс table-responsive и тогда таблица будет иметь горизонтальный скрол в контейнере. И будет видна на телефоне.