I am stuck on a design challenge

I am designing a site in Bootstrap 4 and I used the Megamenu from the coffee cup library.

My issue is that I have too many menu items to display when the screen size is small such as a phone.

How do I get the menu to scroll?

http://www.lmstest.net

There are probably better ways that others will give, but a simple way is as follows. I suggest you backup the original project file first in case the result isn't to your liking.

1. Select the container navwrap.dd.
2. Set the Breakpoints slider to the narrowest position.
3. In the Styles panel go to the Position section.
4. Change the Position from Fixed to Relative.
5. Move the Breakpoints slider to the right just sufficiently for all the links to be showing.
6. Change the Position back from Relative to Fixed.

Frank

Seems there is a problem with this component.
Unfortunately I cant help further, as I no longer use or support BOOTSTRAP 4

There is however another multi level menu component available for free from the CC library,, as =far as I can see, that one (for bootstrap4 seems to work fine and scrolls like it should

https://components.coffeecup.com/multi-level-menus.html