Мобильный CSS для Magnific Popup

Внести вклад UX
1

Здравствуйте,

Делюсь с вами небольшой правкой CSS для MFP, специально для мобильных устройств в режиме просмотра галереи. С этим CSS прокручиваться будет только изображение, а остальные элементы — стрелки, кнопка закрытия и заголовок — останутся зафиксированными, даже при увеличении и прокрутке.

Разместите этот код в разделе CSS для мобильных устройств.
Я обновил этот код

@media (max-width: 900px) {
  .mfp-container {
    position: fixed;
    overflow: auto;
  }
  .mfp-force-scrollbars {
    .mfp-figure {
      overflow: auto;
    }
  }
}
1 лайк
5

Отлично подмечено

Я внес небольшое изменение в ядро на основе этого.

Спасибо за сообщение об ошибке и исправление @Don :+1:

3 лайка