Magnific Popup css para mobile

Contribuir Experiência do Usuário
1

Olá,

Compartilho com você esta pequena correção de CSS para o MFP, especialmente na visualização de galeria em dispositivos móveis. Com este CSS, apenas a imagem será rolada; as setas, o botão de fechar e o título permanecerão fixos, mesmo ao dar zoom e rolar a página.

Coloque este código na seção de CSS para dispositivos móveis.
Atualizei este código

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

Boa observação

Fiz uma pequena alteração no núcleo com base nisso.

Obrigado por relatar o problema e a correção @Don :+1:

3 curtidas