Streaming live at 10am (PST)

Rich Text overflowing (on mobile) in Section/Div set to 'auto' height

I’m using CMS to populate a section of my site with copy (rich text).
I’m happy with desktop view, however, on mobile the section doesn’t contain the copy.
Instead, the copy overflows :frowning:

I know this is a common beginner’s mistake - however, I’m using auto on my section height, so not sure why it isn’t containing the copy.

The copy itself is nested in multiple divs (and a CMS collection).
Read only link here:
https://preview.webflow.com/preview/fitzs-protoype?utm_medium=preview_link&utm_source=designer&utm_content=fitzs-protoype&preview=48e34f3808facf925db00be01022278c&mode=preview

Anyone able to help?

Thanks in advance,

a


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

If you change the Layout display to flex on Fitz’s Para style, that will do it.

Thanks so much for taking a look.

Just tried your suggestion - it definitely did something, but still seems to overflow the section on mobile.

Hmmm. Any other ideas?

Cheers

I get this:

which solves the overflow - at least for me.

You do have a learn more button in the way, but that’s from another section

I seem to be getting different result. For me the section that was overflowing wasn’t that one you screen grabbed. Thanks for your help in any case

Can you tell me what the name of the element is that’s overflowing for you??

The Rich Text elements in Div Block 150.
You can find it nested in ‘EVENT SECTION’

I bit the bullet and remade the entire section.
New section works as would be expected.

Not sure what happened to cause the issue - just one of those things I guess.
Anyway, thanks again for your help

Well done!
I didn’t want to suggest that, because I’m no expert, but sometimes all that div in div flex and grid action gets mucked up along the way.

Happy it worked out…