Archived topic
Generateblocks Demo causes blocks to squash on tablet or mobile devices
2 replies · Started by Christopher on November 29, 2020
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?
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....
GLad you've figured out :)
