How to make Hamburger menu to close after scrolling to a section in a single page website

[Muhammad Akhtar]

Is it possible to make hamburger menu to be closed by itself after selecting a menu item that is pointing to a section on the page? I am using off-canvas menu.

 

[ryaan]

Edit header.
Select Nav Menu
Mobile Drop down
Mobile breakpoint = Mobile <768px
Full Width = YES
Save
Done.

 

[Muhammad Akhtar]

Ryaan,
Thanks for replying! Just realized that the information was not sufficient enough to explain the issue I have.

I am using two menus for desktop in an ElementorEK header because in future I might use mega menu option. I am hiding the menu in the center on mobile devices. that is working fine.Now,on the right I have an icon liked to an Elementor popup menu, the one I need help with. I have single page scrolling website. I want to have the popup to be closed by itself after selecting an item and having scrolled to the section but the menu remains open thus covering the content underneath it.
Hope it helps to help me!

See screen shot below.