Buy All 80 Premium WordPress Themes for $59.99
No Additional Fees, Pay Once and Use Unlimited Time for Unlimited Domains, Free Lifetime Updates

How to Display Search Result in Columns

How to Display Search Result in Columns

In case you want to display search result in columns, it will require adding a small piece of CSS code. Here are all of the necessary steps:

1. Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Customize

3. Open ‘Additional CSS’ section

4. Insert the following code:

@media screen and (min-width: 800px) {
	#main-content article {
		float:left;
		width: 30%;
		margin-right:2%;
		clear: none;
    	}
}

it will group search results in 3 columns (screenshot above).

5. Save changes by clicking on ‘Publish’ button

Leave a Reply