.secondary-slider-wrapper {
/* padding: 0 !important; */
display: grid;
grid-template-columns: repeat(4, 2fr);
gap: 8px;
width: 93%;
margin: 0 auto;
border-radius: 5px;
background-color: #ffffff;
}

.secondary-slider-wrapper {
/* padding: 0 !important; /
display: grid;
grid-template-columns: repeat(4, 4fr); /modified here*/
gap: 8px;
width: 93%;
margin: 0 auto;
border-radius: 5px;
background-color: #ffffff;
}

this will do the job

deppu1347 not working

not working even i also did the changes in the file and uploaded , then refreshed the site no changes found
any more changes we have to make please advise

JithuP go to setting >cache setting>> double click on both option

Force Clear Cache

Force New Settings

Gopalkumar still the same, not working

LuisMarcos Where should i put this code to show categories as grid view as above screenshot?

Dear All,

Can anyone help us to have category as GRID VIEW like below image, i checked most of the threads are not working properly as like 3 row X 3 Column. Thanks in advance!

alabtechnosoft .secondary-slider-wrapper {
display: inline-grid;
grid-template-columns: repeat(4,2fr);
gap: 10px 5px;
width: 100%;
margin: 0 2px ;
margin-top: 5px;
margin-bottom: 3px;
border-radius: 5px;
justify-content:center;
background-color: white;
}

animehouse getting below error!

alabtechnosoft but it will work , watch your website is it working?

animehouse Yeah its working fine, but alignment is not properly it cutting half of the category image.

alabtechnosoft customize it with the pixels