Anchor Scrolling on the same page

[sarahpeller]

#659198

I am definitely messing something up here, because I can’t seem to get this to work…

I am working on the following page: https://www.drjessicatartaro.com/couples-coaching-2/

I’m trying to add scrolling anchor links to the teal icons halfway down the page. I added Menu Anchor elements to each section I’d like to link to on this page. There is one above these 3 sections: Communication Training, Mindful Embodiment Coaching,and Sexuality Education & Training.

I attempted to link the first icon text to the #communication anchor, but it instead brings you to the homepage when I click on the text. This is what I added to the text to try to get the anchor to work:

“<h6 style=”text-align: center;”>COMMUNICATION TRAINING</h6>”

I’d also like to get the icon to link to the anchor I created for communication as well, if that is possible.

What am I doing wrong here? I’m confused!!
Thanks 🙂

[marklchaves]

#659239

Hi Sarah,

This link works fine for me.

https://www.drjessicatartaro.com/couples-coaching-2/#communication

You might want to review this (entire) documentation if you haven’t yet.

https://theme-fusion.com/documentation/avada/pages/anchor-scrolling/

I wouldn’t want to link the Icon and the Text separately if they will point to the same thing. I feel this just creates more work and is more prone to error. You can link the entire column.

https://theme-fusion.com/documentation/fusion-builder/elements/column-element/

Good luck!

[sarahpeller]

#659655

Oh, interesting… You’re right, the link is working now. That’s odd…

Thanks for the tip about linking the whole column. I’ll look into that 🙂

[Author]

Posts