Responsive content boxes no reflowing

Thanks for your reply. Can you help me further on how to fix it?

It seems the problem only starts half way down the page. There are some content elements with animated graphs by the vision plug in early on and they seem to reflow right enough. As do most of the others.

The trouble seems to start after the white section with the header: “Reaching the non-readers of the world – over 5.7 billion people”

In the “take action” area I have tried a few things. I tried adding a new color section – I added brand new 1/4 as well as 1/3 columns and put an icon box in it. They all show the wrong behaviour.

Thanks Basilis,

Yes I had tried that. I have tried adding a new color section and inserted both 3 columns and 4 columns. l had the same issues. I also tried adding 3 and 4 columns outside a color section, no difference

But because I noticed the same issues are not occurring further up, I tried something else that that does get us closer.

I created a duplicate page (link below), then duplicated the red section and moved the copy further up on the page. Now the same section actually reflows fine in it’s first instance higher up. But then not in it’s original position. I tried the same with the inspirational quote right above it (checkered shirt background) as that did not loose it’s margins, but it does do fine further up.

So somewhere around the lower middle of the page is something not quite right and it screws things up from that point forward.

I am thinking I might s well recreate the page, using all the components as templates?

Thank you. That worked. I did end up recreating the page just to avoid any underlying issues. Thanks for your help.