Как вывести блок в мобильную версию

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем pandatitan, 17 июн 2022.

  1. pandatitan

    pandatitan Новичок

    Сообщения:
    1
    Симпатии:
    0
    Подскажите пожалуйста каким образом можно вывести этот блок, что бы он отображался в мобильной версии? Подскажите папку/файл в котором нужно изменить? Спасибо. Я новичок, только разбираюсь OpenCart.
     

    Вложения:

    • Home block.png
      Home block.png
      Размер файла:
      477,2 КБ
      Просмотров:
      13
  2. Blast

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

    Сообщения:
    208
    Симпатии:
    72
    при чем тут опенкарт? вопрос чисто верстки
    стилями
    @Media (max-width:767px) {
    #top4, #top5 {
    display: none;
    }
    }
    скрываются блоки + прописаны классы hidden-xs
     
  3. Tom

    Tom Специалист

    Сообщения:
    674
    Симпатии:
    204
    ТС по-моему просит не скрыть, а наоборот вывести.
    Так как то:
    @Media (max-width:767px) {
    #top4, #top5 {display:block !Important;}
    .home_block{height:8em;}
    }
     
    neomax нравится это.
  4. SiteMix

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

    Сообщения:
    1.012
    Симпатии:
    174
    Другими словами, нужно добавить в поле для своих стилей в настройках шаблона следующий код:
    Код:
    @media (max-width:767px) {
    #top5 {display:block;}
    .home_block {display: block !important;}
    }
    
     
    neomax нравится это.
  5. Blast

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

    Сообщения:
    208
    Симпатии:
    72
    ну да. я написал какие стили у него в ксс скрывают эти блоки. эти стили просто нужно убрать, нет смысла переопределять их через !important

    ну и убрать hidden-xs в шаблоне