I current use the Craft theme for my shopify store I implemente this code by @LitCommerce at the bottom of my section-image-banner.css to help make my image banners show different images on desktop and mobile. Although it doesn’t apply to slideshows. Can someone give me a simple code that I can potentially use that doesn’t interfere with the one below or a code that allows me to delete the code below simply because it works for both image banners and slideshows?
.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;
}
}
