In the sense theme, I have no clue how to put an image banner on mobile the same way it is on desktop. On mobile, the image banner does not show fully. Please Help ASAP
Topic summary
A user is experiencing an issue with the Sense theme where image banners display incorrectly on mobile devices—appearing zoomed in rather than showing the full image as they do on desktop.
Proposed Solution:
- One responder provided custom CSS code to be added to the theme.liquid file via the theme editor (Online Store → Theme → Edit code).
- The code aims to adjust how banner images scale on mobile devices.
Current Status:
- The original poster initially indicated the solution worked, but later clarified the issue persists: images still don’t resize properly on mobile.
- They shared their store URL (vantonibrand.com) seeking alternative photo options that will scale correctly.
- Another user reported the same CSS fix did not work for their website either.
Outcome:
The discussion remains unresolved, with participants still seeking a working solution for mobile banner image scaling in the Sense theme.
1 Like
Hi @Vantoni
Would you mind to share the store URL? Thanks!
Hi @Vantoni ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Thank you for your help, i have found a solution
Thank You For Your Help, this solution worked
vantonibrand.com is the link
im still unable to find a different photo which i can use and the image won’t become smaller when on mobile
i have attempted to use this to my website and it seems to not work any other solutions you may think?