Автор Тема: Позиции модулей  (Прочитано 249 раз)

16 Май 2015, 22:06:28
  • Новичок
  • *
  • Сообщений: 43
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый вечер. Добавил на сайт модуль ВКонтакте. Все нормально. Посмотрел модуль контакта рядом с модулем ФБ на маленьком экране, то криво все. Если размер браузера а именно ширину взять и тупо уменьшать, то мало по малому модуль вк будет двигаться вверх и влево на модулем ФБ. А надо что бы были рядом до тех пор пока экран не будет таким маленьким, что резко надо будет друг над другом стоять.
Собственно вы можете все посмотреть сами уменьшив размер браузера.
suite-fashion.ru
17 Май 2015, 10:05:04
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86543
  • Репутация: +25419/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Для маленьких экранов нужно дописать стили и разделить блоки vk и facebook. У вас все в одном блоке facebook_block
Ширина блока определена как "col-xs-4". Выносите блок VK отдельно и меняйте ширину у всех блоков в этом ряду.
<div id="facebook_block" class="....">
....
<div id="vk_block" class="....">
....
<div id="cmsinfo_block" class="....">

Bootstrap - Разметка. Система сетки.