Desktop and Mobile image layout - Dawn theme

Store Design
, , ,
1

Good afternoon, I’m designing my online store with Shopify. I made a slideshow that was perfectly sized for desktop users; on mobile, on the other hand, it got too small. Can I use a image for desktop different from the one I am willing to use for mobile? When I used a code to get the image bigger on mobile only, It cuts a big part of the image.

@media screen and (max-width: 640px) {
.banner–adapt_image {height: 300px;}
}

Can I use different images from desktop to mobile?

www.dkshopbr.com

ShopDK__0-1673904939533.png
ShopDK__0-1673904939533.png1881×875 205 KB

ShopDK__1-1673904966003.png
ShopDK__1-1673904966003.png502×366 103 KB

2

Of course you can. You can upload two separate images, one for display on the desktop and one for display on mobile!

@media screen and (max-width: 1024px) {
    .d-m-none{
      display:none !important;
    }
  }
    @media screen and (min-width: 1025px) {
    .d-lg-none{
      display:none !important;
    }
  }
3

@ShopDK_1
Hello,
I Have Checked Your Issue.

Please Check This Blog its Properly provide a Solution
https://www.oscprofessionals.com/shopify-ready-solution/different-banner-image-for-desktop-and-mobile-view/

4

where do you put this code?