On this version of this test page I’ve created, which includes simply a slider and an overlaid div block with a rich text block inside, I’m having a problem with the responsive design/layout of the div.
When the browser window is resized for a macbook or ipad, both of which im testing on vs my large apple monitor, the bottom of the text block cuts off and therefore so does the text.
I’ve tried all sorts of different positioning, changing the padding and margin, adjusting the overflow settings etc.
I would like that when the bottom of the div hits the bottom of the slider the positioning shifts at the top so that essentially the whole div is moved up and therefore contained, instead of ending up invisible at the bottom.
I hope this makes sense
Any help would be greatly appreciated!!
Published site: https://test-project-17d11d.webflow.io