Hi i’m having in issue with how my products are showing when searching. Any help would be appreciated. My URL is lowcountrykey.com
1 Like
Hi @lowcountry
Please go to your Themes > Edit code > Assets > Open theme.css and add the following code to the bottom of the file
.grid__item {
padding-left: 20px !important;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!
Hi @AvadaCommerce this helped on some search results, but it is still doing it on others.
It’s not doing it on my collection pages.
Hi @lowcountry
I noticed that my above code is not 100% exact because the items use CSS float: left.
Please replace the above code with the following:
@media (min-width: 992px){
.grid_item:nth-chid(4n+5){
clear: left;
}
}
Please let me know if it works.
Hi @lowcountry
Add the below CSS in theme.css or theme.liquid just after
.page-width.grid {
display: flex;
flex-flow: row wrap;
}
.page-width.grid .grid__item.one-quarter {
margin-bottom: 20px;
}
Fixed screenshot.
@Sheesh_b @AvadaCommerce I’m still having the issue after trying both codes if you search something like ford or gm.
@Sheesh_b You have to go to the next page. There should also be two more products at the bottom of that page you are on.
Hi @lowcountry
Can you add the CSS I provided above to check further on next page?
@Sheesh_b This worked! I also needed to change how many products were displayed per page. I had it set to ten instead of 12. Thank you!
1 Like