So what I did was create a home page with the TagDiv composer.
Only put two elements there: Big Grid Full 10 and Flex Block 1.
Pretty simple stuff, but when I test it mobile, the second element, Flex Block 1, doesn’t adapt. It shows the same 3 sad and tiny columns.
Any quick fix for this?
Hi,
It won’t adapt automatically, you have to make the flex block adapt. So for example while flex block 1 displays 3 modules per row on desktop (which looks properly) – http://prntscr.com/nvrgul
On mobile it will display the same 3 modules per row (which doesn’t look alright)
– http://prntscr.com/nvrh8l
So you should set the block to display 1 module per row on mobile
– http://prntscr.com/nvrhhi
Most of the setting are per device (viewport) including the number of modules per row.
While working with flex blocks in the composer, keep switching viewports to see how the result looks on other devices.
If you have more questions let me know.
Thanks
