html - How to set up minimal vertical height for website? -


here site - http://www.aspenwebsites.com/majesticpines/about/

i noticed if reduce height of viewport bottom area of sidebar (the 1 email subscription field) overlaps site's navigation.

i wondering if there way set minimum height site, if reaches value shows scroll-bar on right , doesn't reduce further, email subscription form doesn't overlap navigation links.

i tried set min-height:700px , overflow-y:auto body tag , .header-sidebar, didn't make difference.

could advise doing wrong here?

enter image description here

you use css media queries.

// css queries inside @media applied when viewport height lesser 1001px @media screen , (max-height: 1000px) {     // reduce menu paddings , margins here     // example:     .menu li {         padding:2px 0;         margin-top:3px;         margin-bottom: 3px;     } } 

Comments

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

javascript - Using Windows Media Player as video fallback for video tag -

c# - Unity IoC Lifetime per HttpRequest for UserStore -