CODEWITHSUNDEEP
htmlcsstwitter-bootstraptwitter-bootstrap-3
Dremet
Dremet

Reputation: 1038

Bootstrap: navbar-fixed-top creates dropdowns that aren't scrollable when exceeding height of screen

I have a problem on my website wetterquelle.de:

I am using bootstrap and following code:

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">

If one wants to get to the last item in f.e. "Europe" and the vertical height of the screen isn't big enough, there is no way to click on it because it's not scrollable. I saw (here) that navbar-static-top avoids that problem, but that is not what I want. I still want it fixed to the top.

Upvotes: 1

Views: 2343

Answers (1)

Dominofoe
Dominofoe

Reputation: 603

Restrict the height of the div containing the problem and give it overflow:scroll: Do this in a @media-query with min-height so it will only show scroll on those devices.

Upvotes: 3

Related Questions