Debut Theme Collection page has empty spaces on some rows

Solved
New Member
12 0 0

Unfortunately this doesnt work either. Think I might just get a new theme and avoid bold app. Thank you for your efforts


@OTM wrote:

This will fix the issue for good:

#shopify-section-featured-collections .grid--view-items {
    display: flex;
    flex-wrap: wrap;
}


@OTM wrote:

This will fix the issue for good:

#shopify-section-featured-collections .grid--view-items {
    display: flex;
    flex-wrap: wrap;
}

 

0 Likes
Tourist
6 1 4

For anyone who stumbles upon this and gets discouraged by the last post, try removing the shopify ID portion instead. Below is what I put and it fixed it. I don't know what the repercussions are of doing this to a theme (like if it will break the CSS  implementation of grid items elsewhere) so use at your own risk. But seems to work for me and I ended up with the problem from the BOLD Discounts app so looks to be a common problem.

/* Applied fix for the damage done by the BOLD app :/ */
.grid--view-items {
    display: flex;
    flex-wrap: wrap;
}
New Member
1 0 0

This solution worked for me, thanks for sharing!

0 Likes
New Member
1 0 0

The solutions to add additional css only masks the actual problem of the bold discount script being injected. If the app isn't being used then the script should be removed.

To remove the script, find all instances of "bold-" and remove them from the html (it will be a script tag, i.e. "<script>"). For me they were in the files "collection-template", "collection-list", and "collection" liquid files.

0 Likes