Sidebar active LI

[jdinesh]

Hi

When the page opens the side bar LI element has the active class. As we scroll down the active paragraph gets highlighted like on this page http://preview.oklerthemes.com/porto/4.8.0/page-sticky-sidebar.html

However when you hit the scroll to top button from the right hand bottom corner (when you are at the end of the page) – the sidebar active LI gets lost.

How can we get it to scroll to top and highlight the first element in the side bar.

Thanks

---

[Support]

Hello, thanks for your purchase.

To make it work that way you would have to put the first link as the first element in the page (the Header for instance).

Example:

<ul class="nav nav-list mb-xl show-bg-active">
	<li class="active"><a data-hash data-hash-offset="85" href="#header">First</a></li>
	<li>
		<a data-hash data-hash-offset="85" href="#second">Second</a>
		<ul>
			<li><a data-hash data-hash-offset="85" href="#sub-second-1">Sub Second 1</a></li>
			<li><a data-hash data-hash-offset="85" href="#sub-second-2">Sub Second 2</a></li>
		</ul>
	</li>
	<li><a data-hash data-hash-offset="85" href="#third">Third</a></li>
</ul>

Kind Regards,

Jonas

---

[Author]

Posts