Can I display cMap in columns?

The cMap template was not designed to be displayed in a columnar layout, and there are display inconsistencies with the sliding content trays. However, if you are not using those features or are not concerned with the content shifting due to the sliding content tray, you can use the following CSS to force the template into a multiple-column layout. Add this custom CSS to the theme’s custom CSS area found in the Customizer.

#cn-cmap .cn-list-body {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	overflow: hidden;
	width: 100%;
}

#cn-cmap .cn-list-item {
	margin: 0 5px;
	height: 100%;
	width: calc( 33% - 10px );
}

#cn-cmap .cn-list-item .cn-entry {
	height: 100%;
}


#cn-cmap .cn-list-body {
	display: grid;
	direction: rtl;
	/* Change 3 to the number of desired columns. */
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	grid-auto-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	min-height: 0;
	min-width: 0;
	width: 100%;
}

#cn-cmap .cn-list-item {
	display: flex;
	min-width: 0;
}

#cn-cmap .cn-list-item .cn-entry {
	margin: 0 !important;
	width: 100%;
	overflow: hidden;
}