A user reports a GIF background displaying on tablet but not on desktop for their ‘Straight to your inbox’ section. Multiple support representatives investigated and identified the root cause:
Issue Identified:
Recommended Solutions:
The issue is confirmed to be with the image file rather than CSS or device-specific rendering problems.
Hi there,
I have a section with gif background that is working when viewed on my tablet, but does not show up at all when viewed on desktop.
The section is the second to last section ‘Straight to your inbox’ https://hello-ea9a.myshopify.com/
Over desktop the section looks like this:
And on tablet it looks like this:
Any guidance would be super appreciated.
Thanks,
Aimee
Hi
This is Victor from PageFly - Shopify Page Builder App
I checked on the page, and I found that the issue is because of the gifs itself. I tried to access the gifs on the Shopify CDN server but it is not working. The gifs on desktops are now undefined
Can you try like upload the gif again? Also, compress it to make sure the gifs stay at the small size.
After that you can use the new gif to use it as background-image
Hope this can help you solve the issue
Best regards,
Victor | PageFly
Hello @Aimee50
I checked the above link and found that the gif image link is broken. Currently on both desktop and tablet no gif background is displayed. Can you try uploading the gif again?
Best regards,
GemPages Support Team
Hi @Aimee50 , that is the issue of gif image, not related to desktop or tablet.
I tried open your store using Safari and it’s working but cannot load it on Firefox or Chrome
