Ich habe im Theme Woodstock 3.0.0 im Editor unter dem stylesheet “base.css” einen CSS Code eingefügt, damit in der Mobile Version der Slider als 1.3 Darstellung angezeigt werden soll, nur leider übernimmt er den Code nicht, obwohl ich direkt die ID des Sliders anspreche. Ich hatte davor das Woodstock Theme schon einmal dupliziert, um zuerst da die Code-Anpassungen zu machen, bevor ich es auf das Original übertrage, und da hatte es komischerweise funktioniert. Ich sollte noch anmerken, das kleine Anpassungen am Footer im originalen Theme noch gemacht wurden. Ob das vielleicht auch damit zusammenhängt?
Bin für jede Unterstützung dankbar.
Das wäre z.B. ein CSS-Code für einen Slider:
@media screen and (max-width: 749px) {
#Slider-template--26116071915786__featured_collection_zrWPqw {
display: flex;
overflow-x: auto;
padding-right: 2rem;
scroll-snap-type: x mandatory;
}
#Slider-template--26116071915786__featured_collection_zrWPqw .slider__slide {
flex: 0 0 calc(100% / 1.3);
max-width: calc(100% / 1.3);
margin-right: 1rem;
scroll-snap-align: start;
}
}