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.
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.