Different Size Collection Banner Pictures for Desktop and Mobile

TrinityThrift · ‎09-23-2022

Hello,

I am working with the Prestige theme, and am having trouble optimizing my banner image for my collection page for both mobile and desktop. I have two different sizes created, but I don't know where to place code to have it switch between the two images.

I have both images uploaded into my files. I would like to use the square version for mobile, and the rectangular one for desktop. Any help would be greatly appreciated! 🙂

My collection is located at TrinityThrift.com/AstrologyDrip

KetanKumar · ‎09-23-2022

@TrinityThrift

oh sorry that issue default shopify allow only one image changes option so you have upload proper mage one for used desktop and mobile or its possible to customization code

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

TrinityThrift · ‎09-23-2022

Is there a customization code I can insert somewhere?

suyash1 · ‎09-23-2022

@TrinityThrift - please add both images in separate sections and add both sections on the homepage. SO your homepage has 2 sectins and then using css we can hide the unwanted section as per the screen size.

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

KetanKumar · ‎09-24-2022

@TrinityThrift

its also possible to meta field

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Different Size Collection Banner Pictures for Desktop and Mobile

Different Size Collection Banner Pictures for Desktop and Mobile

Community Blog Articles