contacts

(+359) 88 339 4445

Buy All 40 Premium WordPress Themes for $54.99

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