All Collections
Create by Mediavine
Advanced
How to Make Individual Create Lists 3 Column Instead of 2
How to Make Individual Create Lists 3 Column Instead of 2

This article will explain how to make an individual list that uses the Grid layout display with 3 columns.

Karla avatar
Written by Karla
Updated over a week ago

By default, Create Lists using the Grid layout will display in two columns on the page. This is the best option for posts that utilize a sidebar for the best user experience and display.

In order to do this, you'll need to first add some CSS to your site.

Add the following CSS to your site using a code injector. If you aren't comfortable adding CSS, please let us know.

The code that should be added is:

@media screen and (min-width: 1200px) {
.col3 .mv-list-list-grid-inner>:not(.mv-list-text):not(.mv-list-adwrap) {
width: 33%;
}
}

Next, you'll need to add a CSS class to the list that you'd like to adjust the display on. That will be added in the Custom Fields area of the List. It is near the bottom left corner.

The class that needs to be added is:

col3

Once you save, you should see your list display adjusted.

If you have any questions about Create by Mediavine, please reach out to create@mediavine.com. We also have a Facebook Group where you can consult other Create users!

Did this answer your question?