Hello,
I'm using the one page menu on my website.
Is it possible to display the names of the anchors? Example: https://domainname.com/#start-section
It is currently hidden when I click on a menu item.
I am using the data-offset attribute and would not like to remove it. This allows the website to function properly.
When I remove the data-href or data-scrollto attribute then the offset doesn't work.
My HTML basic structure:
<div id="page-menu-wrap">
<div class="container pt-2 pb-2">
<div class="page-menu-row justify-content-between">
<div class="page-menu-title text-uppercase">Title</div>
<nav class="page-menu-nav one-page-menu" data-offset="100">
<ul class="page-menu-container text-center">
<li class="page-menu-item">
<a href="#start" data-href="#start" data-offset="100" data-easing="" data-speed="1">
<div>Start</div>
</a>
</li>
<li class="page-menu-item">
<a href="#second-section" data-href="#second-section" data-offset="100" data-easing=""
data-speed="1">
<div>Second section</div>
</a>
</li>
<li class="page-menu-item">
<a href="#third-section" data-href="#third-section" data-offset="100" data-easing=""
data-speed="1">
<div>Third section</div>
</a>
</li>
</ul>
</nav>
<div id="page-menu-trigger"><i class="icon-reorder"></i></div>
</div>
</div>
</div>