How to reduce product line from 5 to 4 for Venture Theme

Store Design
1

Hi. Each of my page lists 4 products on each line. However when I search for an item, the line increase to 5 products. How I can make it 4 like others ?

123.jpg
123.jpg1321×1026 82.8 KB

Thank you.

1 Like
2

Hi @Narquila ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

@Narquila

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

https://forgegrills.com/

password: ishelo

5

https://forgegrills.com/

password: ishelo

6

Hi @Narquila ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (min-width: 750px) {
.template-search .grid__itemv {
    width: 25% !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Hi,

234.jpg
234.jpg1325×447 32.8 KB

I tried but still shows 5 items. I even tried width: 50% !important, nothing changed. Thank you.

8

Hi @Narquila ,

sorry I was wrong. You can copy below code again in theme.scss:

@media (min-width: 750px) {
.template-search .grid__item {
    width: 25% !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
9

Hi, I really appreciate but this time it shows 4+1. Here is what i mean.

11111.jpg
11111.jpg668×838 35.3 KB

Thank you.

10

Hi @Narquila ,

You can copy below code again in theme.scss:

@media (min-width: 750px) {
.template-search .grid--no-gutters {
    display: flex !important;
    flex-wrap: wrap;
}
.template-search .grid__item {
    width: 25% !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like