Website is showing grid as x1 even though it’s set as x4. When i inspect element it shows as row products products-loop products-grid products-hover-shadow row-count-1.
I’ve cleared all cache and even resorted settings from a working backup and still it doesn’t work.
I’ve seen in your forum this issue occurred before and it was mentioned it was a cache issue and a fix was released.
Xstore version: 9.4.6
Wordpress version: 6.7.1
Woocommerce version: 9.5.1
I’ve added the below css code to try and fix it.
/* General grid layout */
.row-count-1 {
display: grid; /* Set up grid layout */
grid-template-columns: repeat(4, 1fr); /* 4 columns by default */
gap: 20px; /* Space between items */
}
/* Adjust for smaller screens */
@media (max-width: 768px) {
.row-count-1 {
grid-template-columns: repeat(2, 1fr); /* 2 columns */
}
}
@media (max-width: 480px) {
.row-count-1 {
grid-template-columns: 1fr; /* Single column */
}
}
