Hi, I'm trying to make the banner of a collection fit both mobile and desktop. Is there any way to have a different image for mobile vs. desktop?
I've been searching all through the forums and have found some code that does it for a theme homepage banner, but I don't know how to do it for a collection.
I have the Retina theme and they have a banner.collection template that looks good on mobile, but it is way to big and tall on desktop (we want the first row of product to always show regardless of whether you on mobile or desktop).
Can anyone help me understand how to code this functionality into a collection template? Thanks!
Yes It is possible, you can upload these two images in shopify files (copy cdn of that images). then use scss media query to change background image of element.
If it is useful mark this like and accept solution
I am using Venture theme. In that I am facing issue in the TEXT COLUMNS WITH IMAGES section. The images I use look totally different in Desktop view and mobile view. In the latter they are getting cut and only the bottom part is visible. Please suggest how this can be resolved.
Thanks in advance.