Anchor

Hello,

I want to create an anchor in the page "Tarifs" on my website.  The anchor is at the bottom of the page. There is a section named "Témoignages". It is testimonial.  I added the item "Fancy heading" in my page to write a title to the testimonials.  I wrote this :  <a name="temoignages">Témoignages</a> in the content and also in the title.

In the widget, I created a footer menu with "Témoignages". What I would like is to click on "Témoignages" and arrive on the page "Tarifs" at the bottom where I see testimonials. I only arrive on the good page but not at the good place.

In the widget, I wrote :  <li><i class="icon-cc-nd" style="color: #000;"></i> <a href="http://www.hypnoseetsymbiose.com/hypnofiches/tarifs/#testimonials-item/#temoignages/">Témoignages</a></li>

When I clicked on "Témoignages" at the bottom of the page, I just arrived on "Tarifs" page but not where the anchor is.

Could you tell me what is wrong please ?

My website is :  hypnoseetsymbiose.com

Comments

  • Hi,
    if you want to create page anchors then you have to use custom links, if you are using a custom link then you will have to add a class="scroll".
    So it should look like this:
    <li><a class="scroll" href="http://www.hypnoseetsymbiose.com/hypnofiches/tarifs/#temoignages/">Témoignages</a></li>

    You can base this on this tutorial:


    This is what you need to do:

    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 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 -http://prnt.sc/f2vba9
    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. -http://prnt.sc/f2vc36
    6. Edit the section to which you want the button to scroll -http://prnt.sc/f2vcho
    7. 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
    8. 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.
Sign In or Register to comment.