Hi,
I want to change my homepage slider images to responsive for every screen size like auto data sizes and data widths: 800 to 1800.
Hi @rajeshNekkanti ,
Go to Assets > base.css and paste this at the bottom of the file:
.owl-carousel .owl-item img{
height: auto !important;
}
Hope it helps!
Hi @rajeshNekkanti ,
They are using lazyload for images, you can refer: https://github.com/aFarkas/lazysizes
They are using it to display images.
With Dawn theme, also show lazyload with image, you can refer to this code: https://github.com/Shopify/dawn/blob/main/sections/image-banner.liquid
Hope it helps!