Hello there!
I have a very weird bug on mobile, this is how the product page looks originally.
But the second I scroll down a little bit, the image seems to expand, which makes it disorienting when I am navigating the site, as the image is moves around.
I am working on a slightly modified Dawn theme, if anyone has any insights I would highly appreciate it!
Unable to replicate your issue.
Hello @punkforpickles can you share the link of page?
@punkforpickles can you please share this page link?
Hi @punkforpickles Have you resolved the issue? I’ve tried scrolling and got no problem with it.
You encountered this issue only when opening the page in the Instagram browser. You can add this code to Custom CSS in theme settings to resolve it.
@media (max-width: 749px) {
.product-media-container.constrain-height.media-fit-contain {
width: 100% !important;
}
}
Best regards,
Dan from Ryviu: Product Reviews App
Hello !
Thank you so much for your answer.
Indeed, this only happens when a link is opened from Instagram.
This partly helped the problem but now there is another issue.
When the page is just loaded, the image appears cut off.
And only when I scroll a little bit it goes to its original size, any idea why this might be?
Best regards.
The link of the page is punkforpickles.com and this problem only happens when the link is opened from Instagram it appears.
