Dawn theme desktop image banner blurry

Shopify Discussion
1

Hi there,

I’m currently using the following code to have different image for desktop and mobile banner, BUT as the result of using this code, the “desktop image banner(s) is extremely blurry”. NEED HELP : (

.banner__media:first-child {
width: 100%;
}
.banner__media+.banner__media {
display: none;
}
@media screen and (max-width: 749px) {
.banner__media:first-child {
display: none;
}
.banner__media+.banner__media {
width: 100%;
display: block !important;
}
}

Thanks in advance !!

2

@DIG

Not sure about what version of Dawn them are using, but the latest version has supported to allow user select the image for desktop and mobile separately

Screenshot (6).png
Screenshot (6).png1874×874 280 KB

3

Hello @DIG

I would like to give you some recommendations to support you
I think the image used on the desktop banners is smaller than the screen size. You can use bigger image to it.
I hope the above is useful to you.
Kind & Best regards!
GemPages

4

hi, i am using Dawn version 7.0.1 - first image for desktop, and second image for desktop too (appeared side-by-side, not separately on mobile)

5

Hello @DIG

I would like to give you some recommendations to support you
can you send me your store URL so I can check it more?
I hope the above is useful to you.
Kind & Best regards!
GemPages