MarcoParticipantSeptember 12, 2019 at 7:23 amPost count: 6annetteottParticipantSeptember 12, 2019 at 7:26 pmPost count: 6
Hi. I had this problem, too. I will try to explain my solution.
At the top of the page, say you want to have a menu of different options people can click on, such as Service, Support, Staffing. Naturally, you would create the following containers:
But, if you want to have links, you need to create containers above each one, like this:
In the anchor containers, you would add a Menu Anchor option through Fusion Builder. When you click to open it, you will assign the anchor a specific name, like “menu”, “service” “support” or “staffing”.
Then, in Menu, you would list out the sections:
And add links to each section according to your scheme (e.g., https://myurl.com/page/#service).
If you want to give them the ability to return to the menu again, at the bottom of each section, you would include a link to Menu (e.g., https://myurl.com/page/#menu).
I did this by creating a code block section within each Menu section (e.g., Service, Support, Staffing):
The code there makes a little arrow that I found (I preferred not use words).
Hope you are able to understand and replicate it on your site!annetteottParticipantSeptember 12, 2019 at 7:32 pmPost count: 6
I noticed the link didn’t work. I tried to put in inside a comment, but even that, it didn’t like. I don’t know how people share code without the code being executed.
left_bracket a href equals_sign double_quote URL.com/page/#menu double_quote right_bracket ⤣ a (close)
I hope this makes sense to you.
marklchavesParticipantSeptember 12, 2019 at 10:13 pmPost count: 275
- This reply was modified 1 week, 3 days ago by annetteott.
If you are using a Fusion Builder element like the Text Block Element, then set the CSS ID to the name of the target. The CSS ID will be in the element options towards the bottom after the text area.
E.g. of a name of the target.
Then, somewhere in the same page, create a link that will jump to the Text Block with ID section-1.
Manually adding the code would look like this.
<a href="#section-1">Go to Section 1</a>
If you insert a link using the Fusion Builder editor (WordPress link icon), add
#section-1to the URL input field.
You can view a live demo of plain HTML links to sections of the same page here
Hope that helps! 🙂MarcoParticipantSeptember 13, 2019 at 10:19 amPost count: 6
Thanks to everyone for your help,
unfortunately I was not able to solve my problem, but I made an experiment: in a new page I imported a avada demo page with internal link (https://avada.theme-fusion.com/salon), then I added a new voice on main menu with relative link to demo page and this work perfectly (position and scroll); after, I inserted inside this page with a text block the same relative link and this doesn’t work (wrong position and not scroll).
Any help, even moral support, will be welcome 🙂
MarcoMarcoParticipantSeptember 16, 2019 at 3:37 pmPost count: 6
Hi to everyone,
I’m going crazy with this problem.
If you go to https://avada.theme-fusion.com/salon there is the same problem as mine. When cilck on “contact” menu’s voice, the link is great (scroll and position), but when you click on “Book Appointment” button there isn’t scroll and position is wrong.
Someone know why?
Marco.MarcoParticipantSeptember 17, 2019 at 8:24 amPost count: 6
good news, it’s very easy… just add class fusion-menu to content boxes and all works great !!!marklchavesParticipantSeptember 17, 2019 at 10:05 amPost count: 275
Correct. Here’s the official doc.