html - min-width in page body not working -


i have set minimum width of 767px on website avoid shrunk when viewing website on smartphone. issue is doesn't seem taken consideration (see screenshot below) idea why? many thanks

css:

html, body {     height: 100%;     min-width: 767px;     -webkit-font-smoothing: antialiased;     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);     background: url('../images/background-produits.jpg')no-repeat center fixed;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover;     font-family: 'open sans';     font-size: 16px;     font-weight: 300;     line-height: 1.38;     color: rgb(71, 64, 50); } 

you've got lot of things positioned absolutely. work correctly need have them contained in item relative positioning. yep, body tag, apparently.

body {position: relative} 

Comments

Popular posts from this blog

c++ - OpenMP unpredictable overhead -

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

javascript - Wordpress slider, not displayed 100% width -