Some customers using the Safari browser or an iOS device (Apple iPhone or iPad) report some display issues with products on the collection pages in ShowTime theme versions 5.0, 5.0.1, and 5.0.2.  It has been fixed in later versions of the theme.  In these instances, the first row of products may be missing a product (only showing three products in a grid of four, for example).  This is fixed by editing two files: sections/collection.liquid and assets/style.css.liquid.  To access the files, login to your Shopify dashboard and go to Online Store > Themes > ShowTime > ... > Edit HTML/CSS.  Navigate to the folder mentioned and click the files to open them in the editor.

In collection.liquid, look around line 52 for:

<div class="row collection-grid view-grid animated  fadeInUp" data-animation="fadeInUp">

Replace it with:

<div class="collection-grid view-grid animated  fadeInUp" data-animation="fadeInUp">

Then in style.css.liquid, hit Control + F or CMD + F on a Mac and search for:


Once you find it, it should look like this:

display: flex;
flex-wrap: wrap;

Replace that with:

.collection-grid {
 display: flex;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px; 

Save both files and that issue should be resolved.