Fixed Menu Position Disables a Fixed Positioned Header

Hi there,

It looks like you have put .site-inner as your Push Animation CSS, is this correct?

I have just done some research and it seems that setting a transform kills fixed positioning which is a known issue which you can read about below:

https://stackoverflow.com/questions/19059662/css3-transform-reverts-position-fixed

https://stackoverflow.com/questions/15194313/transform3d-not-working-with-position-fixed-children

https://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/

If you are using .site-inner as your push wrapper then your header is inside this element so that would explain it. It may be that you can use the custom css in that post to overcome this issue.

Alternatively, I believe you could just put the below in your Push Animation Selector option which may achieve the same for you:

header, #content, footer, .copyright

Please let me know how you get on and if any of the above works for you.

Peter

Replacing ‘.site-inner’ with ‘header, #content, footer, .copyright’ seems to have fixed that problem.

Thank you for the information regarding the ‘transform’ conflict. There’s always something!

Hey there,

You are more than welcome and you are right there is always something more to learn, every day!

All the best

Peter