I’m trying to add a custom data attribute to the <a>
element. What I’m trying to do is integrate the navigation effect in this CodePen
I can do all the CSS but I need to add the HTML part such as below:
<ul class="snip1226">
<li class="current"><a href="#" data-hover="Home">Home</a></li>
<li><a href="#" data-hover="About Us">About Us</a></li>
<li><a href="#" data-hover="Blog">Blog</a></li>
<li><a href="#" data-hover="Services">Services</a></li>
<li><a href="#" data-hover="Products">Products</a></li>
<li><a href="#" data-hover="Contact">Contact</a></li>
</ul>
How and where would I add this into WordPress? What would I need to edit to add this HTML functionally?
Thanks,
Harvey