Hi,
I’ve fixed the banner image size for desktop and mobile portrait mode, but it’s like this in mobile landscape mode:
website url : https://thesnoozy.com/
Add below css to base.css file at the bottom.
.banner > .banner__media > img {
object-fit: cover !important;
}
hi @jigneshjivani , this did work, but it stretches the image out a lot. I use a separate image for the desktop banner. Is it possible to switch to the desktop banner image when you turn your phone into landscape?
It is showing desktop image when you try to see it in landscape mode but the image stretch issue is because of lazy loading, developer needs to fix that code.
Hi @jigneshjivani , can you help me with that?
.banner > .banner__media > img {
object-fit: cover !important;
}
@GeorgeRizos I just updated style code, can you try that?
hi @jigneshjivani , what does that mean?
@GeorgeRizos
I think your problem solved . In mine it’s looking perfect .
Hi @Ujjaval it’s about when you turn your phone sideways