Hi Michael,

If you are referring to these 2 pages(https://take.ms/9KiQg), then unfortunately it is not possible to show them in 2 columns with the current settings.

No, I am requesting a 2-column display for the Categories page and the Authors page similar to the attachment. Can you provide the page or the appropriate CSS where I can make this happen?

Hey Michael,

I am requesting a 2-column display for the Categories page and the Authors page

If you are not referring to the 'all categories', and 'all authors' page from my screenshot, can you provide me the exact link of the pages you are trying to modify?

It is not possible to apply 2 columns on these 2 pages.
https://christianbusinessnetwork.com/resources/wisdom-at-work/blogger
https://christianbusinessnetwork.com/resources/wisdom-at-work/categories

Hi Raymond,

I refuse to believe that it is not possible to apply some sort of code modification or CSS to display All Categories and All Authors pages in two columns. You guys can work miracles. See what Mark and Arlex have to say. You can do this!! Thank you!

Michael

Hey Michael,

I was referring to achieving it through settings, which is impossible.

But in terms of custom css, we can try the following.

#eb .eb-categories, .eb-authors {

	display: flex;

	flex-wrap: wrap;

}



#eb .eb-category, .eb-author {

	overflow: hidden;

	margin-bottom: 20px;

	flex: 1 0 50%;

	padding: 10px;

}

That CSS does not appear to work. Please advise of alternate code.
https://christianbusinessnetwork.com/resources/wisdom-at-work/categories

Hey Michael,

I suspect the styling is still cached on the browser. Can you try refreshing a few times, or close and reopen the browser then see how it goes? You can also try opening the page on a different browser.

At first I was not seeing the styling as well. But after a few refreshes, I am now seeing it on your site: https://take.ms/55nRE

Raymond, you are correct. However, now we have lost (overridden?) the responsive styling as well. Categories and Authors display two columns on ALL devices regardless of portrait or landscape. Can you update the CSS to make it responsive on tablets and smart phones?

Sure Michael.

You may remove the provided css before and use the following custom css instead, which will apply the styling(2 columns) if the screen width is above 600px.

@media screen and (min-width: 600px) {

	#eb .eb-categories, .eb-authors {

		display: flex;

		flex-wrap: wrap;

	}



	#eb .eb-category, .eb-author {

		overflow: hidden;

		margin-bottom: 20px;

		flex: 1 0 50%;

		padding: 10px;

	}

}

Thank you, Raymond. That should do for now.

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

Just for your information, I have locked and marked this thread as resolved to avoid confusions in the future. Please start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.