Column blocks do not use entire screen width on mobile

I have created a simpler version of my inquiry. Apologies for the earlier one. It is rather confusing…

Gutenberg column blocks display differently on mobile devices on two websites of different ages. Both websites have updated versions of WordPress and the Astra Theme.

I have created the same block in the two websites. Please see the problem:

Older Website, wrong display: Content does not use the screen’s width on mobile
https://avianreport.com/female-mountain-bluebird/#WRONG-DISPLAY-ON-MOBILE

Newer Website: Correct view on mobile
https://avesdeperu.org/condor-andino-amenazas-extincion-conservacion/#CORRECT-DISPLAY-ON-MOBILE

Please help me correct the display on mobile on the older website. I have tried “everything” to no avail.

PLEASE HELP!

Hi @surbound,

We have done many improvements in our updates and some of them will work “automatically” only for the new installations. We made it that way to make sure the new improvements don’t break the existing sites.

Anyway, it doesn’t mean that the old users, the ones that have Astra prior the improvements are introduced, cannot enjoy those improvements. These users need to add a snippet to their website to “activate” these improvements.

For your case, please start by adding the snippet available on these docs:

• https://wpastra.com/docs/gb-design-compatibility/
• https://wpastra.com/docs/gutenberg-ui-improvements-with-astra/

Please let us know how you go.

Kind regards,
Herman ??

Dear Herman,
Thank you so much for responding. Unfortunately, the two snippets did not make a difference. I tried one by one, cleared the cache etc.
Please, stay on this topic. Any other thing I can do?
Thanks much.

Hi @surbound, sorry for the delay.

Please export the Astra settings of the older site that has wrong display on mobile. I will try to import on my dev site and see if I can replicate it.

Kind regards,
Herman ??