Images seem to be shifted to the right in mobile view

Site URL: https://www.oscarmay.com/

Hi there, 

I wonder if anyone can help me. The images on my site are quite off-center when viewing my site on a mobile (particularly noticeable when looking at an image in lightbox). I realise it could be something to do with the custom css I have used, but I can't identify how to fix it!

Is there something I can do to re-centre them? 

the website is https://www.oscarmay.com 

Many thanks, 

Oscar

I see problem appears in lightbox only. Try adding this to Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-lightbox[data-open='true'] {
    padding: 0 !important;
}
}

Thank you so much, Tuanphan, that worked well for me!

Hi,

I'm having this same issue on mobile view. I'm wondering if there's an updated code for this issue? I would really appreciate the help.

On 9/13/2023 at 6:22 AM, Sacredgeo7 said:

Hi,

 

I'm having this same issue on mobile view. I'm wondering if there's an updated code for this issue? I would really appreciate the help.

 

That code should work. If you can't make it work, you can share link to page where you have problem, we can help easier