Product submedia gallery in only one row - narrative

Olbap
Tourist
19 0 2

Hello good day.

 

Im using the narrative theme, and in the product page, the product submedia gallery its positioned in two rows. 

I tried lot of codes to put the images of the product submedia gallery in one row but not worked.

Please how can I make only one row of images? with two rows is a big section under the main photo product...

 

thank you for your time

Replies 13 (13)
Olbap
Tourist
19 0 2

@suyash1 

 

No, i changed the width above the code and not, the percentages to 20-25% and not worked.

Im getting crazy with this issue

suyash1
Shopify Partner
3754 412 612

@Olbap - it should work, if not then try putting !important

You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30
Olbap
Tourist
19 0 2

 

hello @suyash1 

No, not worked. I added before some codes to solve some issues, but i suppose it isnt a problem for the actual code that not works...

Any idea about what could be?

Thank you

 

 

@media only screen and (min-width: 750px) {
.product-recommendations__slide {
-webkit-flex: 0 0 calc(25% - 2rem);
-moz-flex: 0 0 calc(25% - 2rem);
-ms-flex: 0 0 calc(25% - 2rem);
flex: 0 0 calc(25% - 2rem);
margin: 0rem;
}
}

.product__submedia-list {max-width: 512px; margin: 0px auto;}


.spr-summary-actions-newreview {
color: black !important;
}


@media only screen and (max-width: 767px) {
.collection-template .card.critical-clear{width:50% !important;float:left;}
.collection-template .card.critical-clear:nth-child(2n+1) {clear: both;}
}

@media only screen and (max-width: 749px) {
.list-collections-template .grid__item {
float: left;
padding-left: 0px !important;
width: 100%;
}
.list-collections-template .card {
width: 50% !important ;
opacity: 100;
transition: all .5s ease-out;
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
display: inline-flex !important;
padding-left: 16px !important;
}
}

suyash1
Shopify Partner
3754 412 612
sorry, no idea about this.
You are welcome to contact me, my email - suyash.patankar@gmail.com ,My timezone is GMT+5:30