bit o CSS/JS help?
- Started
- Last post
- 4 Responses
- dpi3
You have to add
position: fixed; to header elementWhy it is not fixed is not caused of other element position tags.
It is caused because:.pikabu-viewport has following css. If you remove this it will work as you like. I didn't investigate what animation is missing when this is being removed.
transform: translateZ(0);
-webkit-perspective: 1000;Also make sure you remove all prefixes if you decide to delete this code.
I didn't check github so I am not sure what you are workin gexactly. However if you can modify html layout just move this fixed nav part outside of .pikabu-viewport and it should work good. Remember position fixed element height is not considered by other elements.
- dbloc0
Show an example of what you want
- colin_s0
(i have tried: position:fixed in header, in the individual toggles and in the overlay, but i'm just not fluent enough in how this is all working in order to figure out why the position:fixed breaks everything to all hell when i put it in there)
- colin_s1
dpi thanks that did exactly what i wanted. if you have venmo or paypal i owe you that drink!