CSS position fixed not working [solved]

in Code Write a comment

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

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.

I developed a Vue.js starter kit that you can order today

Order Vue.js starter kit

Write a Comment