Hi @sarwech, thank you. I’ve just tried that but I’m actually relying on the hide overflow function as part of the animation. Each of the three text elements slide upwards from outside the limits of their respective divs.
The fact that setting the overflow settings to ‘visible’ does technically solve the problem, is why I’m confused actually, because it should mean that the parent div is smaller than the child text element and therefore is cutting it off. However, even when I increase the size of the parent div, the text element still gets cut off
Ok, as I type I am also thinking (), and I thought I should try just increasing the size of the parent div, even though on the designer it looks like the text element is clearly within it, and it worked! Your comments got me thinking along those lines so thank you for that!
I have noticed a slightly different problem now though that you may have some insight on - while all three of the text elements are correctly within the hero section across all breakpoints in the designer, when I go to the live site (www.thebergdesign.com) the third element now finishes the animation over the section below it, even though there is enough space in the designer for this not to happen. Do you have any thoughts? Thanks again