If you’re using
position:fixed and it’s not working there’s a chance you came across a known bug.
Position fixed doesn’t work with
transform CSS property. It happens because transform creates a new coordinate system and your
position: fixed element becomes fixed to that transformed element.
To fix the problem you can remove
transform CSS property from the parent element.
Hi, I'm Renat 👋
If you find this post useful, please let me know in the comments below.
Want to share this with your friends?
PS: Make sure you check other CSS tutorials, e.g. Top 5 CSS frameworks for your Vue.js project (2019) and Sass (SCSS) mixins that I use with Vue.js & WordPress.