How to reproduce:
- Add 50
li
nav items in the HTML of the ul
that is child of div.flakes-navigation
- Open in either Firefox or Chromium and shrink the page so the left-hand side is automatically hidden.
At this point all of the elements should be hidden. Great.
- Besides the previous 50 elements, create a javascript that runs after the page is loaded. In my case, I'm using AngularJS.
- Create 50 more
li
elements in your javascript code and append to the said ul
- Shrink the page again.
Now, if you scroll down enough some elements aren't hidden, because the div.flakes-content
hasn't grown enough to hide them all: it is as tall as the ul
containing the nav links.
if I include the heights of one li
element (probably the title), the p.foot
, a.logo
elements and the top padding of the div.flakes-navigation
, the resulting height is exactly is how tall the content needs to be.
However, I don't actually need that functionality to hide the menu when the screen is narrow. Is there any way to disable that?