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
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
