May 07, 2021 8:32 pm
Hi there,
I wish to make the wpforo-menu sticky. I tried it using plain css:
#wpforo-menu { position: -webkit-sticky; position: sticky; top: 0; }
But sadly that did not work. Has anyone a idea?
regards, thoand
1 Reply
May 08, 2021 6:28 am
If any parent/ancestor of the sticky element has any of the following overflow properties set, position: sticky won’t work.
overflow: hidden; overflow: scroll; overflow: auto;
Example here on wpforo.com
#page { -ms-word-wrap: break-word; word-wrap: break-word; font-size: 14px; overflow-x: hidden; }
then replaced this with
overflow: visible;
or
overflow: unset;
and use z-index to make the menu scroll over the other items
watch the video > https://www.screencast.com/t/TTWxd7uy