Shopify-Themes, Liquid, Logos und ähnliche Themen
However I now ran into a problem when I set up a slideshow, the images show on the desktop version, but don't appear on the mobile one.
before that i followed these steps to use separate banner images.
does anyone have a reasonable solution?
Thanks!
Gelöst! Zur Lösung
Erfolg.
@SNEATED it depends on what reasonable solution is 😅
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.
Erfolg.
@SNEATED it depends on what reasonable solution is 😅
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.
Unfortunately it does not work..
worded differently. How Can I use different mobile and desktop photos for banner and slideshow?
That I'm starting from scratch.
Thanks!
Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024