#menufix{ background: #333; moz-transition: all 1s ease-in-out; opacity: 0; o-transition: all 1s ease-in-out; overflow: auto; padding: 20px 20px; position: fixed; top: 0; transition: all 1s ease-in-out; webkit-transition: all 1s ease-in-out; width: 100%; } #menufix .back{ background-color: #2FC192; color: #fff; display: block; height: 20px; margin-top: 10px; padding: 10px; text-decoration: none; width: 200px; } #menufix.active_more{ opacity: 100; padding-bottom: 50px; padding-top: 50px; position: fixed; z-index: 1; } #menufix.active{ opacity: 100; position: fixed; z-index: 1; } .menu{ float: right; list-style-type: none; padding: 10px 10px; text-align: right; width: 260px; } .menu li{ display: inline; } .menu a{ color: #fff; padding: 0 0 0 10px; padding: 10px; text-shadow: 1px 1px #5E8BC5; }