Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

Style [Closed] wpforo-menu sticky?

2 Posts
2 Users
0 Reactions
1,825 Views
Posts: 7
Topic starter
(@thoand)
Active Member
Joined: 4 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: 1522
(@tutrix)
Noble Member
Joined: 5 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