A problem with the header

Ask the community
1

Hello,

I have the following problem with the header not executing the “move” setting.

Below are details:
The header is in a fixed position. When utilising “fade” everything works correctly. But “move” doesn’t work. At first, my header was also adjusted. But I saw in the browser inspector that this causes a conflict problem with “move” since both utilise CSS translate property. I have removed adjustment in the editor, but the DOM element keeps displaying:
" #comp-kuk2e9oa_r_comp-kbgajy18:not(.is-animating) { transform: translateX(0px)translateY(0px)scaleX(1)scaleY(1)rotate(0deg)skewX(0deg)skewY(0deg); " .

This setting overrides the move effect.
Please help me correct this issue.
Best,
Oleg

2

A little update:

I found the workaround by creating a new header. Took me 5 hours to realise the reason why the new header had “fixed” greyed out. (The header has to be the top element on all breakpoints to work correctly).

Still, would be cool if developers could fix the original bug