Hi,
To show lists in multiple columns, you need multiple Lists. For 3 columns, you need at least 3 or more Lists.
I hope that makes sense.
Thank you!
Ah, so the column option is not related to the display of existing entries, just multiple lists. Is there anyway I can display the content of 1 list as 3 columns?
Perhaps, we can give you some CSS. Pur dev team is gone for the day. I will get back to you after the weekend.
Thank you!
Please add the following Custom CSS from Simple Business Directory -> Settings -> Custom CSS tab. Clear the cache and check again.
/* Custom CSS */
@media only screen and (min-width : 767px) {
.qcpnd-list-wrapper .qcpnd-list-holder .simple li,
.qcpnd-list-wrapper .qcpnd-list-holder .style-1 li {
margin: 0 10px 18px 0;
float: left;
max-width: 48%;
}
.qcld-main-style-2 .qcpnd-list-wrapper .style-2 .ca-menu.column1,
.qcld-main-style-3 .qcpnd-list-wrapper .qcpnd-list-column .ca-menu.column1 {
display: grid;
grid-auto-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width : 981px) {
.qcpnd-list-wrapper .qcpnd-list-holder .simple li,
.qcpnd-list-wrapper .qcpnd-list-holder .style-1 li {
margin: 0 10px 18px 0;
float: left;
max-width: 32%;
}
.qcld-main-style-2 .qcpnd-list-wrapper .style-2 .ca-menu.column1,
.qcld-main-style-3 .qcpnd-list-wrapper .qcpnd-list-column .ca-menu.column1 {
display: grid;
grid-auto-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
