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?
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
Post a Comment