Archived topic
Grid generateblock not responsive on mobile
3 replies · Started by Melvin on July 31, 2022
Hello all,
I have just written a new article using a grid inside a container (1 big column and 2 small), it was perfect until I tried to read the article on the mobile (on computer/tablet it's perfectly fine), is there any quick fix for this ? There is no way I leave this table like this, it's unreadable.
I have added the link to the article in the private information tab
Thank you in advance !
Hi Melvin,
One approach it to control the widths, spacing, and font size specifically for mobile. This can be done through the responsive buttons at the top of the block settings of gb blocks.
Example: https://share.getcloudapp.com/v1uO86Gz
Another approach is to create a new Grid in addition to the grid you already have.
Then, set the hide-on-* settings.
Specifically, one grid is hidden from table and desktop, and the other for mobile.
Then set the design of the other grid to your preference.
Lastly, one other approach is to use a WP Table block as an alternative.
Hope this helps!
Hello Fernando,
Thank you for the quick answer !
I managed to solve the problem by playing with widths and spacing, it seems to work now !
Have a great day :)
Glad you resolved it! You’re welcome Melvin! :)
