I have created anchor links, but they are not working correctly.
I created the links with a page and then attached them to a menu link. When I click on the menu link, it takes me to the area, but not to the top of the anchor link. For example, it you go to my site (http://bladeelectionresults.com/) and click on menu link “Lucas County issues”, it will take you list but not to the top of the list (Lucas County Issues title).
I created these links on the Index page using the Avia Layout Builder. If you go to the second Grid Row and look for “Lucas County Issues”, you will see the anchor link in text view.
How can I fix this, so it goes to the title?
Thanks,
Kurt
Hey Kurt,
It actually goes to the title however the floating header is blocking it, try replacing the anchors from
<a name="LucasIssues"></a>
to:
<p class="anchor-wrap"><a name="LucasIssues"></a></p>
And add this to Quick CSS (located in Enfold > General Styling):
p.anchor-wrap {
position: relative;
}
.anchor-wrap a {
top: -228px;
position: absolute;
}
Let us know if it works :)
Best regards,
Nikko
Nikko:
I made the changes and it works great using Explorer and Firefox browsers, but it does not go to the Title line on Chrome browsers.
Anything I can do get it to go the Title line on all browsers?
Thanks,
Kurt
Hi!
Can you check in Chrome Icognito please, to make sure no cache is in place?
Thanks a lot
Cheers!
Basilis
Good advice. I just cleared my Chrome cache and it works like a charm. You guys are the best.
Thank you.
Kurt
Hi,
You’re too kind and glad we could help!
Thank you for using Enfold :)
Best regards,
Vinay