Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Style [Closed] wpforo-menu sticky?

2 Posts
2 Users
0 Reactions
2,209 Views
Posts: 7
Topic starter
(@thoand)
Active Member
Joined: 5 years ago

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
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

@thoand

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