[Resolved] Generateblocks Demo causes blocks to squash on tablet or mobile devices

[Christopher]

Hi there,

I’ve followed your demo (found here: https://vimeo.com/412896611 ) to learn the ropes of generateblocks. However the 4 columns of grids/blocks are being squished on tablets or mobile screens.

I have seen this post: https://generatepress.com/forums/topic/stopping-blocks-in-grid-block-from-squeezing-when-reducing-screen-size/
which seems to be the same issue, but wasn’t sure whether to add on, or create a new one, as I’m not sure if the root cause is the same, as the solution described doesn’t have any effect on mobile or tablet views.
I’d like the 4 columns to drop down beneath each other on a mobile view instead of getting squished together.

I’ve posted a link to the page I’ve created with the problem which is in the private area

Any ideas what I’m doing wrong?

[Christopher]

Aha!

This is actually working, I was making the rookie error of relying on the ‘preview’ function in Gutenberg. It seems this preview function for tablets and mobiles either doensn’t work, or doesn’t work with GeneratePress/GenerateBlocks – I’m not sure which. but suspect it’s gutenberg. – Perhaps you can confirm?

Either way, the results are expected when I acutally use a mobile device or use chrome in developer mode with the screensize restricted (instead of gutenberg preview)

Hopefully this will help someone….

[Leo]

GLad you’ve figured out 🙂

[Author]

Posts