TL;DR: The grid vs list issue is a problem in your CSS, not WordPress. You’re missing the body class for the template used for the “mixes” page in your CSS block for the grid.
WordPress doesn’t care whether you present your content in a grid or list format. That’s just eye candy, and it would be crazy for WordPress to dictate this, let alone put an arbitrary limit.
The important things are:
- What WordPress decides should be served on that URL (is this a PAGE? POST? Some ARCHIVE? etc). When I checked your
/mixes/
URL earlier, a WordPress category archive was served there. Now I see a WordPress page at the same URL.
- The template file used (and here the name given to your template file may play a role, due to template hierarchy)
- The code in the template file and its associated CSS styling
Check your public pages’ HTML body classes. That should give you an indication of the template file used to present that particular page.
Your /radio/
and /mixes/
pages respectively have these:
<body class="page-template page-template-blog_r page-template-blog_r-php page page-id-4855">
<body class="page-template page-template-blog_m page-template-blog_m-php page page-id-10671">
So you’re using a template file named page-template-blog_r.php for the Radio page, and a different template file named page-template-blog_m.php for the Mixes page.
Now, in your theme’s style.css
, you have the following CSS block which creates your grid with a fixed width of 260px.
body.page-template-blog_g-php .post.type-post, body.page-template-galleries-php .gallery.type-gallery, body.page-template-blog_r-php .post.type-post, body.page-template-galleries-php .gallery.type-gallery {
float: left;
width: 260px;
background: rgba(0,0,0,0.6);
margin-bottom: 20px;
padding: 20px;
}
Do you see the problem in the above code and why you’re getting the grid on the Radio page but not on the Mixes page? The Mixes page’s body class (the specific class from the template file) is not in the above selector at all. In fact, I didn’t find it anywhere in your stylesheet.
In summary…
1) The two pages are using different templates
2) One of the templates has no associated CSS to force the grid display
Just add body.page-template-blog_m-php .post.type-post
to the CSS block for the grid. Alternatively, you may target a common selector, so you don’t have to tweak the grid’s CSS every time you create another page template.