привязка к идентификатору прокрутки вверху при загрузке

У меня проблема с веб-сайтом, который я создаю, я поставил привязку к местоположению на странице about с идентификатором в боковом меню, но при переходе прямо с домашней страницы или любой страницы, которая не является ‘ About страница переходит наверх при загрузке страницы. Как я могу предотвратить это?
Веб-сайт https://www.yogawithluc.com
Вы можете воссоздать проблему, перейдя на домашнюю страницу, открыв меню и щелкнув любую ссылку в подменю about page.

<!-- menu -->
<div id="">
<div class="list-group">
<a href="../" class="list-group-item">Home</a>
<a href="#dropdown1" class="list-group-item" data-toggle="collapse"></span>
About <span class="caret"></a>
<div class="collapse" id="dropdown1">
<a href="about.php" class="list-group-item">About</h6><hr>
<a href="about.php#practice" class="list-group-item">Practice</a>
<a href="about.php#guru" class="list-group-item">Guru</a>
<a href="about.php#luc" class="list-group-item">Luc</a>
</div>
<a href="portfolio.php">Portfolio</a>
<a href="#footer-bgd" class="list-group-item scroll">Contact Me</a>
<a href="#dropdown2" class="list-group-item" data-toggle="collapse"></span>
Resources <span class="caret"></a>
<div class="collapse" id="dropdown2">
<a href="moondays.php" class="list-group-item">Moon Days</a>
<a href="friends.php" class="list-group-item">Friends &amp; Recommended Links</a>
<a href="reading.php" class="list-group-item">Reading List</a>
</div>
</div>
<!--  //menu -->