Four51 / CustomSolutions

Custom Solutions
7 stars 15 forks source link

slideOut Navigation - responsive view (doesn't scroll after certain height) #10

Open jrasmussen451 opened 9 years ago

jrasmussen451 commented 9 years ago

Because the slideOut is fixed, on smaller displays the height gets cut off resulting in lower portion not being visible.

robertsoniv commented 9 years ago

Try using the browser calc() function to keep the height from becoming larger than the visible window height. Something like this...

.slideout-nav {
     max-height: calc(100vh - 200px);
}
jrasmussen451 commented 9 years ago

Thanks, i'll try that.