Archived topic
Blog Column Quantity Reduce with Size
3 replies · Started by Dane on January 17, 2016
Tom,
First, I'm new to GP but so far I'm really liking it. I have a question and didn't see an answer in the previous topics.
I want my home page to show a bunch of posts like an image gallery layout so I set it up in Customizing - Blog - Columns to the 3 column layout however the columns get pretty small before in changes to the single image for mobile viewing. Is there a way to get the column quantity to reduce as the window width reduces. So the full size view would have 3 columns, a reduced window would have only 2 columns and the mobile view would have only 1?
Thanks,
Dane
http://www.JenuineCakes.com
Hi Dane,
Ah yea, I need to add this to core.
This should should do it:
@media (max-width:1024px) {
.generate-columns-container .generate-columns {
width: 50%;
}
}
@media (max-width: 768px) {
.generate-columns-container .generate-columns {
width: 100%;
margin: 0;
}
}Adding CSS: https://generatepress.com/knowledgebase/adding-css/
Works perfect, Thanks!
You're welcome :)