[Support request] Page Preview for Mobile Causing error

[Ryan]

Hi I am trying to preview mobile and it breaks on all my posts. Any ideas whats going on? This is on my test site. Is this related to generateblocks/press or is this something else? Text on my site on mobile is showing as 1 letter of text of column in a line, not sure if thats related

[Leo]

Hi there,

Sorry where are you seeing that issue?

Does the issue exist if you disable all plugins except GP Premium and GenerateBlocks?

[Ryan]

Hey Leo, thanks for reaching out. I disabled all other plugins, and the error no longer pops up. However, my mobile preview and when live is looking funky wiht 1 letter columns. I only have GP and GB right now.

Here’s a pic:

Desktop (showing properly) https://ibb.co/0nRD4W3
Mobile (Letters are all 1 column): https://ibb.co/SnvwTCb

[David]

Hi there,

can you share a link to your site where we can see the issue?

Or is it only in the Editor ?

[Ryan]

hey David, It happens on the live site only on mobile. I’m using iOS and it shows up, but I assume its on android too. After the first instnace, it continues like that 1 line of text for the rest of the page

test.bunnymuffins.lol/meta

[Leo]

Looks like the issue might be the massive left/right padding:
https://www.screencast.com/t/RujRM5e9xo

Can you try to reduce them on mobile?

[Ryan]

Thanks, I’ve removed those paddings, and the one column got fixed, but there is still one container that is getting messed up on Mobile. I’ve played around with changing container width but it’s still showing up oddly on mobile

https://ibb.co/db0JNzd

[David]

Hi there,

edit the Headline Block, and remove the link from it.
Then create another headline block just for the Link.

Having two elements will force them to keep their stacking order.

[Author]

Posts