Shopify themes, liquid, logos, and UX
Hi there,
we're using a custom theme that is based on Shopify's Dawn Theme.
We want to display different page banners, depending on the device used (Desktop/Mobile).
The section in question is the "Image Banner", which comes with two toggles "Show container on Desktop" and "Show container on Mobile". Selecting/deselecting doesn't have any effect!
For now we are using CSS and media screen size to control which banner shows on which device. This is not optimal as both image banners are fetched by the device. In order to increase page speed we would like the devices to only fetch the correct sized image. We believed the toggles would serve this purpose, but they don't.
If anyone could point me to a tutorial or has some advice? I guess it should be a rather quick implementation using "srcset" attribution. I would still need some help with this.
Thank you!
Hi,
Can you share your store url
User | RANK |
---|---|
208 | |
177 | |
63 | |
51 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023