Hi,
I have reached this, which is not bad at all.
When I click on the image, I am displaying the lightbox. so the lightbox displays the appropriate image according to its width. so the trick here is to make the lightbox wide enough to show a better quality image on click.
I followed the below article and used this code ( I messed it up a bit)
.gallery-lightbox-item {
height: auto !important;
max-width: 1400px !important;
}
.gallery-lightbox-wrapper {
overflow-x: scroll !important;
overflow-y: none !important;
max-width:1500px !important;
}
this way I make sure to display the 1500 px version of my image in the lightbox.
so far so good... I am still not happy with the mobile version because I lost the zoom functionality with my fingers, while i still have it on the original image, but for some reason I cannot use my fingers on the lightbox screen to make it bigger. I will keep digging and update the post.
Hope this keeps working as intended and helps someone with similar problem. I am still getting email daily from support that the case is being escalated... 😕
Samer