Hey, so basically I’m trying to set the width to 100% per carousel item, so It shows 2 products per slide instead of the half of the third product on one slide. I will add pictures and the css I used to reproduce it.
/** Media Resize for different Screen resolutions **/
.card--card.gradient, .card__inner.gradient{
width: 60% !important;
}
/** Carousel 100% width 2 Produkte pro Slide **/
li#Slide-template--19556783784260__featured_collection-1, li#Slide-template--19556783784260__featured_collection-2, li#Slide-template--19556783784260__featured_collection-3, li#Slide-template--19556783784260__featured_collection-4 {
width: 100%;
}
On the first picture you see how it shouldn’t look like. There is no width set and as you see it shows the half of the 3rd product. Also there is a total of three slides as u can see at the bottom.
In the following picture you can see what happens when all css rules are applied. This is how it should look like. Now there is a total of 4 slides and the 4th slide product is empty.
On this image you can see what happens when I go to the last (the fourth slide) even tho the count remains on the 3rd slide.
When I go back now it skips the 3rd slide and it is on the 2nd again. I add a video too
Is there any way I can change my css or on the .liquid. I hope someone gets this fixed. Thanks in advance
Website Link: https://96c392-2.myshopify.com/
Password: awcrau