responsive design - Fix menu on the background image position -
it's problem:
body { background: url("http://imgs.ir/imgs/201307/1336_menu.png") no-repeat scroll center top transparent; } #menu { display: block; height: 193px; margin: auto; position: relative; top: 32px; width: 400px; } nav { left: 0; min-width: 426px; position: absolute; text-align: center; top: 79px; } nav { padding: 5px 7px; color:white; } <div id="menu"> <nav> <a href="#">home</a> <a href="#">services</a> <a href="#">about</a> <a href="#">blog</a> <a href="#">contact</a> </nav> </div>
at first, menu fit background position, make result window smaller & smaller see when menu out of background position.
how avoid , fix menu background image position? (i want have menu in center of website on background image)
had real trouble understanding looking for, it? needed whole bunch of changes i've made nav
etc.
Comments
Post a Comment