Archived topic
Make all columns one on top of each other in tablet
4 replies · Started by Dominique on January 2, 2021
Hi,
I followed the instructions in this support ticket to reverse column order in mobile using Gutenberg https://generatepress.com/forums/topic/reverse-column-order-on-mobile-using-guternberg/
It works perfectly in mobile.
In tablet the first two columns are side by side and the two other columns one on top of each other and so on.
After seeing the full width images in tablet how can I make it all like the mobile view in tablet using Gutenburg?
Please advise on solution.
Hi there,
Try using the Grid blocks from GenerateBlocks:
https://docs.generateblocks.com/article/grid-overview/
Then you can set the width of each container for desktop, tablet and mobile:
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-grid-item
Hi,
Cool all sorts of fun stuff lige OMG margin and padding!
I can set the container width for desktop, tablet and mobile.
How do I reverse the column order when it goes from desktop to tablet and mobile?
Please advise
Hi,
go it same as before https://generatepress.com/forums/topic/reverse-column-order-on-mobile-using-guternberg/
Thanks
If you are using GenerateBlocks, then you can actually use the Order option:
https://docs.generateblocks.com/article/container-overview/#order
