Home Forums Ibsen Blocks per row (front) page mobile version

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #12249
    ambassaden
    Participant

    Is it possible to show more 1 block per row in mobile version (similar to tablet layout). The blocks looks too big in mobile version

    Marcus

    #12265
    Andy
    Keymaster

    Please let me know which “blocks” are you referring to?

    #12275
    ambassaden
    Participant

    This is “full” version vs mobile. I would prefer it to be two blocks per row instead of one in mobile version

     

     

    #12295
    Andy
    Keymaster

    I can’t be sure from your image, but are you using the standard “Columns” block?

    If so, add this CSS to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:

    @media (max-width:599px) {
        .wp-block-column {
            flex-basis: calc(50% - 16px) !important;
            flex-grow: 0;
        }
        .wp-block-column:nth-child(2n) {
            margin-left: 32px;
        }
    }
    #12307
    ambassaden
    Participant

    Yes, now it looks perfect! Thank you

    Marcus

    • This reply was modified 2 weeks, 6 days ago by ambassaden.
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.