css - "position:fixed" Not Working For Header Menu -


no matter what, header menu not stick top of screen.

i have suspicion may surrounding html structure - it's quite complex due mobile menu (resize activate)

position: fixed; top: 0; left: 0; 

****link removed****

any ideas? thanks

this because transform creates new local coordinate system - http://www.w3.org/tr/css3-2d-transforms/#transform-rendering

here's here

body {     background-color: #1b725f;     color: #333;     /*font-family: "brandon-grotesque", "adelle", "times new roman", sans-serif;*/     font-family: "brandon-grotesque", "adelle", sans-serif;     font-size: 18px;     font-weight: 100;     font-style: normal;     line-height: 1.625;     position: relative;     -webkit-transform: translate3d(0,0,0); <-- here     transform: translate3d(0,0,0);         <-- here     -webkit-touch-callout: none;     -webkit-user-select: none;     -khtml-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none; } 

Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

Kivy: Swiping (Carousel & ScreenManager) -