Debut Grid Misalignment & Slideshow Not Working

Highlighted
New Member
1 0 0

I'm having a complete nightmare with the debut theme at the moment. URL below.

https://itb-web-shop.myshopify.com/

Problem #1

The slideshow section isn't loading at all on the homepage. I thought this might have been the same issue that previously had caused the videos not to work but images to work fine - I tried to fix this and I have no idea what went wrong.

Problem #2

The grid of collection items is always misaligned, with overflowed title text and diferently sized images causing havoc with the page formatting. How do I enforce an *actual* grid so that there's even spacing between image>title>price>qty>button as you#'d expect.

 

0 Likes
Highlighted
Excursionist
333 50 77

Problem #2 solution 

please place this code at the end of theme.scss

.grid-view-item .image-container {
    min-height: 320px;
}
.grid-view-item  .grid-view-item__image {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

@media only screen and (max-width: 768px) {
 .grid-view-item .image-container {
    min-height: 193px;
}
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes