Archived topic
Tablet not responsive
5 replies · Started by troyw on June 9, 2021
Hi team,
I am just putting the finishing touches on a website, but am having an issue with the responsiveness on tablets.
You'll see where I have a row of icons lower down the page in a Grid container. This becomes a jumbled mess in tablet mode. On a mobile it places them vertically, but if I try to do this in Tablet mode, the text also goes vertical. I've tried changing the horizontal gap to 200px, which looks fine in the editor, but makes text go vertical on a tablet. You can see an example of this on the 'Back up Power' page. I have put them back to normal now on other pages and they just squash together.
Any ideas how i can resolve this.
Thanks
Hi there,
change the Grid items % width for Tablet view.
Select the individual grid container (column) - in the block settings change to Tablet view then set the % width eg. 50% or 33% depending on the layout you want.
Repeat this for each of the grid containers. NOTE - its tricky because of the Gutenberg UI but you can SHIFT Click to select all the grid containers and then change their % width altogether.
This will allow you to set the columns to 2 x 2 or 3 x 2 on Tablet.
As note - any future GenerateBlocks specific topics - can you raise them in the GB Support forum. Or maybe join our GB Community:
https://community.generateblocks.com
Or a our FB group:
Thanks David, that did the trick.
Sorry about posting on this form, I didn't differentiate Generatepress and Generate Blocks. Could get confusing, but I will sign up to Generate Blocks.
Thanks again.
No problems - we try to keep the support channels separate - but there are some blurred lines such as GB content imported by a GP Site Library import....
Glad to be of help.
Was thinking the exact same thing David. I have tried to sign up to GB community and am waiting approval. Thanks for you help.
You're welcome - we'll get that approved asap
