Stacking columns on mobile

Hi @helen2022,

Thanks for choosing Neve!

The columns will not be stacked on tablets if the “stack on mobile” option is enabled, this is the default behaviour.

Have a nice day!

Hmmm, the columns are most definitely stacked on my tablet (Samsung Galaxy Tab S5e) when viewed in portrait mode. I think somewhere there is a setting which defines the screen width for ‘mobile’ and it needs adjusting?

Hi @helen2022!

You can add the code below in the Additional CSS section within the Customizer to overwrite the maximum width for the devices on which the columns are not to be stacked. Feel free to change the max-width value as you please.

@media(max-width: 1200px){
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

Have a nice day!

Hi Lucia,
Thank you for your help! The following code has given me the result I wanted, which was wrapping on a phone but not on a tablet:

@media(min-width: 700px){
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

Hey @helen2022,

We are glad to hear that the issue got solved, Thanks for the confirmation. So, if you don’t have any further questions Can you please mark this as Resolved ?

Have a great day

Thanks all!