[Resolved] Replicating the screenshot but having Gutenberg 2 per row on mobile

Home Forums Support [Resolved] Replicating the screenshot but having Gutenberg 2 per row on mobile

Home Forums Support Replicating the screenshot but having Gutenberg 2 per row on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #768991
    Matthew

    Hey,

    Is it possible to set Gutenberg columns in GeneratePress so that on mobile it shows 2 columns per row instead of 1 per row?

    Or would I need to use for example LGC to achieve this?

    #769208
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 768px) {
        .wp-block-columns .wp-block-column {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        }
    }
    #769238
    Matthew

    That worked perfectly thanks! 🙂

    #769240
    David
    Staff
    Customer Support

    You’re welcome

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