Blocks per row (front) page mobile version

[ambassaden]

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

[Andy]

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

[ambassaden]

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

 

 

[Andy]

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;
    }
}

[ambassaden]

Yes, now it looks perfect! Thank you

Marcus

• This reply was modified 5 years ago by ambassaden.

[Author]

Posts