Pictures in columns next to each other in a mobile view, instead of one below th

Hi there,
different way to work with this…
1) if you have EditorsKit plugin installed and enabled, you can hide this icons on mobile and create a new set of icons (not inside columns) to show only on mobile (so hidden on desktop)
2) you can add a additional CSS class on the block of the columns of this icons, and then we can play with CSS to avoid this to be stacked on mobile

If you need further help for 2), please let me know

Hello and thanks for the answer,

yes, I would like to use the 2nd solution, because I don’t know how it works with the first solution, other than having to insert a code. That would be a lot of work for all columns I think.

I look forward to reading from you.

Hi again.
Select the columns block (the one containing all the columns) and add a class to it like this:
https://prnt.sc/xlcisl
Then add this additional CSS to your site:

@media (max-width: 599px) {
    .mobile-side-by-side .wp-block-column {
        flex-basis: auto !important;
    }
}

Hello and thank you <3

That helped me alot!