3 columns on List All Categories page

goodtognci

Hi,

How to modify the List All Categories page to display 3 columns on page?

Thanks

saguaros

goodtognci
Hi,

Could you share the credentials of your site so I can take a look at the settings?

goodtognci

teitbite

goodtognci Hi. Please add this to css:

.categories-list .category-item {
width: 33%;
float: left;
box-sizing: border-box;
padding: 10px;
}

.categories-list .category-item:nth-child(3n+4) {
clear: both;
}

teitbite

teitbite Hi. To make it one column on mobile add this code:

@media only screen and (max-width:767px) {
.categories-list .category-item {
width: 100%;
float: none;
box-sizing: border-box;
padding: 10px;
clear: both;
}
}

goodtognci

How to change 1 column when displaying on mobile?
How to create an responsive image with CSS for category image?

Thanks