Lightbox padding/margin display on mobile screen

Please anyone with idea on how to adjust lightbox padding/margin display on mobile?

below is the screenshot of how i want it to look like, i want the lightbox page to touch the edge of the mobile.

Hi @mahwash

Please add following css into rtMedia->Settings->CUSTOM CSS

@media only screen and (max-width: 640px) {
    body .mfp-container {
        max-width: 100%;

Thank you

Hello @mahwash,

We found another duplicate topic for the same issue here - Gallery lightbox padding/margin issues on mobile screen

Seems like your issue has been resolved hence closing this topic as well.