Hide div block content fully on overflow

Design help Layout & Design
1

I have a parent div block restricted in height to 90% of VH. I have nested dev blocks with links. when the screen size is small and I set overflow to Hide on the parent block, the last child div block shows partially. I want a way for child div blocks to be hidden fully if they can’t be shown fully (in other words I want div blocks that overflow to not show at all as opposed to show partial content).

How do I go about doing that? I don’t know much JS, hope to receive a simple way to do or the necessary code.

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

2

Hi! Can you share your site link?

3

https://preview.webflow.com/preview/yaseen-foundation?utm_medium=preview_link&utm_source=designer&utm_content=yaseen-foundation&preview=1eca561682a7ebf597031394bbd7cd65

Here is the link. When selecting the nav button (hamburger), if the screen height is small like in case of phone in landscape more I want the last dive block that is partially showing to fulling disappear. It should dynamic based on screen height and not necessarily just one div block.

4

Which element were you wanting to target?