Focus on menu item when scrolling the page

[TheBigBanik]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

What problem is your feature request going to solve? Please describe..

New menu widget doesn't focus to the active item when scrolling the page

Describe the solution you'd like.

When creating a horizontal scroll menu for mobile and you have about 10 items, most of the items are not visible so you need to scroll the menu horizontally to select the item. Great so far, new menu widget is awesome. But when scrolling the page, the menu is not moving left and right according to the section that is visible so I may reach the bottom of the page where is the last section assigned to the last menu item and this menu item is not visible.

Describe alternatives you've considered.

I think a simple javascript would fix that, I am not a developer but I believe this is a simple solution. Since the active menu item changes the color when page scrolls to that section, it should be easy to scroll the menu item to be visible also. Something like "if menu item is active scroll the menu item item to be visible". I don't know.

Additional context

No response

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.