Separate Slideshow Images for Mobile and Desktop - Dawn

Deutsch Diskussion Shopify Design
,
2

@SNEATED it depends on what reasonable solution is :sweat_smile:

The slideshow and the banner might be using the same CSS classes (“banner__media”). This would unintentionally cause the slideshow to behave like the banner. You could add a new class to the banner section and use it as a new selector for the banner customization.

E.G: In the banner section, you can add (append) a class “custom__media” and replace in the CSS code “banner__media” with “custom__media”.

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

This would only apply to the banner section and not to the slideshow.