1 column for mobile

Hi!
We have released an update of the plugin improving the behavior of the columns in the grid layout.
You can test now if it works correctly for you.

Best,
Esther.

Hi, Esther:

I duplicated the block, and I made one for desktop (3 columns) and one for mobile (1 column).

Hi had to make a class in edit page/ aditional class to the mobile 1 column “cols-1”. This is the CSS code:

@media only screen and (max-width: 500px) {

.osomblocks-cptlist.alignwide.osomgrid.cols-3 {
display: none;
}}

@media only screen and (min-width: 768px)
{

.cols-1.osomblocks-cptlist.alignwide {
display: none;
}}

Thanks!

Hi! That’s a good solution, but with the 1.1.2 version you don’t need to add hide/show styles anymore, it does so automatically ??

esther.

Thanks! I’ve checked it, but this way stretch my content displayed in mobile. How can I make it alignwide or full width in mobile?

Many thanks

Hi Carlos!
The block is displayed as alignwide, the styling will differ depending on the theme so you can adjust the css to customize the paddings and margins on mobile.

Best,
esther.

Hi, Carlos.

We hope you could solve the problem with out indications, so I proceed to close the ticket.
If you need to reopen it feel free to do it.

Best.
Nahuai