[Resolved] Blog Column Quantity Reduce with Size

Home Forums Support [Resolved] Blog Column Quantity Reduce with Size

Home Forums Support Blog Column Quantity Reduce with Size

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #166288
    Dane

    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

    #166313
    Tom
    Lead Developer
    Lead Developer

    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/

    #166367
    Dane

    Works perfect, Thanks!

    #166419
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.