Button with scroll to a section within/on a single page
Hi
I've got a button at the top (header image) of a page that on selection, I want this to activate scroll down to a section within that page.
in the button link I've put this code in [button title="scroll me to ID" link="#What" target="_blank" align="" icon="" icon_position="" color="" font_color="" size="2" full_width="" class="scroll" download="" onclick=""]
and the section>custom id I've written What.
I'm not sure what I've missed out.
test site link :- [Links visible only for registered users]
Comments
This is what you need to do:
1. Go to menus and create a new menu -[Links visible only for registered users]
2. Name the menu and add a custom link with the ID anchor you will use later(do not use spaces). Add to menu -[Links visible only for registered users]
3. When the menu item is added to the menu, save and go to Manage Locations -[Links visible only for registered users]
4. You have a split menu, so you have to set a left menu (main menu) and a right menu (secondary menu) Basically you need to create two menus for this -[Links visible only for registered users]
5. 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. -[Links visible only for registered users]
6. Edit the section to which you want the button to scroll -[Links visible only for registered users]
7. In the field Custom ID type in the id from the button, in my case, it was id=work, no hashtag there -[Links visible only for registered users]
8. Remember to have the one-page option selected under the muffinbuiler -[Links visible only for registered users]
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.
I have the class="scroll" in custom link element I posted above or is this incorrect? Could you give me an example?
Please just use it like this <a href="#what" ...