How can I split my categories into columns if I have too many?


If you want to split them into 2 columns, please copy-paste somewhere in your CSS code these lines of CSS.

.options-wrapper .options-container.js-category-list ul{
	max-width: 580px;
	width: 100%;
	margin: 0 auto;
}

.options-wrapper .options-container.js-category-list ul:after{
	display: block;
	content: '';
	clear: both;
}

.options-wrapper .options-container.js-category-list ul li{
	width: 50%;
	float: left;
}

 

If 2 columns isn't enough for you, then please use the following code instead to split it into 3 columns.

.options-wrapper .options-container.js-category-list ul{
	max-width: 580px;
	width: 100%;
	margin: 0 auto;
}

.options-wrapper .options-container.js-category-list ul:after{
	display: block;
	content: '';
	clear: both;
}

.options-wrapper .options-container.js-category-list ul li{
	width: 33.33%;
	float: left;
}

 

Tags: categories, many

Last update:
2015-10-17 08:08
Author:
Vlad Sargu
Revision:
1.0
Average rating:0 (0 Votes)