I have 2 photos that I want to display under my purchase buttons, one of which has 4 trust badges left to right . The other has the same badges, but is in a grid configuration for mobile. I have learned how to create an asset with the photo, but can someone tell me how to add these into the theme code so that one shows on mobile, and one shows on desktop?
Topic summary
Displaying different trust badge images on mobile vs desktop in a Shopify theme.
-
The store owner has two images: one with four trust badges arranged horizontally (for desktop) and another with the same badges in a grid (for mobile). They’ve created the image assets and need guidance on adding them to the theme code so the correct image shows per device.
-
A community member requested the site URL to investigate; the URL (www.redwoodforge.com) was provided.
-
No implementation details, code, or steps have been shared yet. The original poster followed up asking if a solution was found.
-
Trust badges (icons indicating payment security, shipping, and guarantees) are central to the request, and the images themselves are key to understanding the desired layout.
-
Status: unresolved and awaiting technical guidance on responsive display within the Shopify theme (e.g., mobile vs desktop conditions).
1 Like
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Thank you! www.redwoodforge.com
Were you able to find a solution?