Word-breaking not working

Design help Animations & Interactions
1

Hi everyone! Word-breaking somehow doesn’t work in mobile version (Home page, FAQ section) and I cannot understand why ;( And also the “Close dropdown” animation makes the block too big (it’s height) at first. How can I fix that?

Thanks in advance!

Here is my public share link: Webflow - atrium olympiad

2

Hi Masha,

For the text wrapping, try changing the line wrapping. You can force it to Normal and it wraps this FAQ heading. Likely you have some custom CSS for your accordion that is inheriting here.

image
image1920×919 161 KB

3

Thanks, word-breaking works now! But there’s no custom CSS in FAQ section so I can’t figure out how to solve this (made that step by step from this video: https://youtu.be/E5XMet2FqXo?si=N0NkEjhym0QuJ1uF)

4

Best guess is that you missed a minor detail, and/or it might not even have been mentioned in the video. I’d walk through the video again and rebuild that interaction, or of the author has given a readonly / cloneable link, examine that interaction carefully.