Lightbox images not centered on mobile phones

Hi @relle, I hope you are doing great.

Can you please provide me with a link to the page with which you are experiencing issues or a test page if you prefer this approach so I could investigate?

Have a nice day,
Andrija

Hi Andrija,

Thanks for your reply. Please check the following test page: https://rb.gy/kmzttt

Cheers!

• This reply was modified 4 years, 1 month ago by relle.

Hi @relle,

Thank you for the link provided. I just checked and it seems that images appear centered:

View post on imgur.com

I tested the landscape mode and in both cases, images showed up properly.

Can you please let me know which device you are using and the browser?

Best regards,
Andrija

Hi Andrija,

The problem is that the Lightbox images are not being centered.

Please click on an image thumbnail and the Lightbox will pop-up

Thanks for your help

Please check the screenshot: https://imgur.com/9Hy1CEE

Cheers!

Hi @relle,

Thank you for taking the time to create this support request for the bug report. I was able to spot the code that was causing the behavior you reported and I made a quick bugfix on the CoBlocks GitHub here: https://github.com/godaddy-wordpress/coblocks/pull/1710. We hope to get that fix in a future release of CoBlocks.

Best regards,

Anthony

Hi Anthony @paranoia1906,

Thank you for your response!

Would it be possible for you to give me in the mean time the minor style updates?

So I can already implement it in my child theme CSS file

Kind regards
Relle

Hi @relle,

Try placing this CSS code within the Additional CSS section of your site customizer. This should work to center the image within the lightbox.

.coblocks-lightbox .coblocks-lightbox__image img {
	display: flex;
	margin: auto;
}

Best,

Anthony