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.
Dive into the world of Print-on-Demand and discover how it can transform your online busin...By Imogen Feb 19, 2024
Discover how to transform your online store into a delightful shopping destination. Learn ...By Ollie Feb 13, 2024