By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

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


Muhammad Akhtar

New Member
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.
Last edited:


New Member
Edit header.
Select Nav Menu
Mobile Drop down
Mobile breakpoint = Mobile <768px
Full Width = YES
Last edited:

Muhammad Akhtar

New Member
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.


  • menu-snipet.JPG
    12.3 KB · Views: 93

Latest Resources

Other Elementor Resources

elementor official