Hi there,

I activated the Medical theme that I've personalized, but I have an issue/bug with my submenu. When you make the screen smaller (or you expand the size of your view for example to 150% Control + ) and you hover the menu, the submenu appears. That's ok.

However when the submenu is larger ( a long list of 10 submenu-items let's say) than the visible webpage, it jumps 'till the end of the page. So you have like this jump to the end of the page which is really weird. It seems there a script (maybe javascript? in UIkit) that has an if-condition that makes the submenu-div to show 'till the end.

Any ideas?
It seems it's a 'boundary'-thing, but how to I deactivate it correctly?
Thanks for feedback!
DLM

Hi there,
do you have a live url where I can see the issue?

www.cabinetmedilink.be/fr/
Try the fourth menu-item (autres therapeutes)

i'm quite sure it has something to do with the "boundaries" from the UIkit, like in warp/vendor/uikit/js/uikit.js.
maybe with this?
checkBoundary: function(i, e, n, o, s) {
var a = "";
return (i < 0 || i - t.$win.scrollLeft() + n > s) && (a += "x"), (e - t.$win.scrollTop() < 0 || e - t.$win.scrollTop() + o > window.innerHeight) && (a += "y"), a
}

or do I need to use somethinkg like uk-dropdown="boundary: .boundary"

Hi there,
sorry I cant see any issue.
I have set the Brwoser to 150% and try the submenu, see video.


Maybe you can fix it, if you setup a third level menu. Therefore add this css code to your css/custom.css

Hi,

I guess I wasn't quite clear in my explanation.
It appears when the menu is longer than the screen, so not in the way you showed in the video.
SO that the last subitem (here its Vanessa...) is outside of the screen/not visible

It's like when you open your 'inspect' in Chrome, then your screen is smaller, you see?

I cant see any issue:


Btw where should the menu item go? You have to scroll down to see all menu items when the screen is not height enough!