Настройки Colorbox для адаптивных сайтов

Drupal: 
Уровень сложности: 

После вопроса https://toster.ru/q/264189 предлагаю точную инструкцию как сделать Колорбокс респонсивным. Если ваш сайт респонсивный, тогда и всплывающие окна Colorbox тоже должны адаптироваться под размер окна/экрана.

Это делается на странице настроек Колорбокс, то есть: Конфигурация - Медиа-файлы - Colorbox, тут: /admin/config/media/colorbox

В поле Default Width нужно указать число в процентах. Чтобы удобно было закрывать окно по черной затемнённой области, установите 85%.
Default Height: 95%.

Скриншот настроек.

colorbox responsive

Результат:

Скриншот Колорбокс в большом окне браузера.

Скриншот малого окна.

Рубрика: