search

dimsemenov / Magnific-Popup

Light and responsive lightbox script with focus on performance.
http://dimsemenov.com/plugins/magnific-popup/
MIT License
11.38k stars 3.49k forks source link

Responsive controls-button bug #899

Open lesf0 opened 8 years ago

lesf0 commented 8 years ago

Prev and next button looks different on chrome on small screen due to different vertical transform-origin. You need to replace transform-origin: 100%; with transform-origin: 100% 0; inside @media (max-width: 900px) .mfp-arrow-right potolok eeepc lc- iphone 6 plus

boatkung commented 7 years ago

I just found this problem so I override CSS with this for pixel perfect

@media (max-width: 900px) {
    .mfp-arrow-left {
        transform-origin: 0 50%;
    }
    .mfp-arrow-right {
        transform-origin: 100% 50%;
    }
}