If everything else on your site is running properly, UberMenu Sticky Extension should run without issue. But if your menu isn’t sticking as you scroll, there could be a few issues:
2. Transformed Ancestor Element
The sticky menu works by setting the menu to fixed position, so that as you scroll the viewport, the menu remains in the same position.
One quirk of fixed positioning is that if a parent or ancestor element of that fixed element has a CSS transform, the browser will treat the fixed element as position:absolute instead.
This will break the sticky functionality, naturally. The solution is to find the ancestor element that is being transformed, and override that style with
3. CSS Syntax Error
Check your CSS syntax in your UberMenu Control Panel’s Custom CSS tweaks area. If you have a syntax error there, UberMenu Sticky’s CSS won’t get read and you won’t get a sticky menu.
4. CSS Override
If your theme is forcing the menu’s
position to be relative, absolute, static, etc – the menu won’t be able to stick ( it needs to be fixed ).
5. UberMenu Version
Remember, UberMenu Sticky requires UberMenu Version 3.0 or later. If you are using an earlier version, please upgrade in order to make your UberMenu compatible.