Hide div block content fully on overflow

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)

Hi! Can you share your site link?


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.

Which element were you wanting to target?