How to Create Menus That Auto Select When Scrolling One Page Site
I'm building a one page site using Be. I'm using Visual Composer (WPBakery Page Builder Backend Editor).
I need to get my menus to function so that clicking a menu item scrolls to that section of the page, and scrolling the page automatically selects the appropriate menu item for the section scrolled to. You have this functionality in your demos (example here:https://themes.muffingroup.com/be/itservice/).
I've selected "one page" on the page options at the bottom of the editor. What other settings am I missing and how do I need to setup my menu items to make this happen?
Here's the URL for my dev site: https://ruleonepartners-wp.azurewebsites.net/
Thanks!
Comments
1. Go to menus and create a new menu - http://prnt.sc/f2v9he
2. Name the menu and add a custom link with the ID anchor you will use later(do not use spaces). Add to menu -http://prnt.sc/f2v9th
3. When the menu item is added to the menu, save and go to Manage Locations -http://prnt.sc/f2vafb
4. You go to your main page, you see the new link but when you click nothing happens? No worries, it is because the link has to know where to scroll, to do this edit the page. -http://prnt.sc/f2vc36
5. Edit the section to which you want the button to scroll -http://prnt.sc/f2vcho
6. In the field Custom ID type in the id from the button, in my case, it was id=work, no hashtag there -http://prnt.sc/f2vgaz
7. Remember to have the one-page option selected under the muffinbuiler -http://prnt.sc/f2vcm7
If you do not want to use a normal menu to link the user to sections, you need to add a 'scroll' class to the custom link elemment.
Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
After that, everything should be working fine, we had to make that change because of the new envato rules, more about it here: https://help.author.envato.com/hc/en-us/articles/360000481243#h_674316188621522302914837