Of course, it's possible.
First thing first, remove the 'active' class from the Home menu.
You will need to write javascript code to accomplish this. When a page is loaded, the code will find the menubar
link that matches the current page url and add the active class to it.
Take reference from How to Add Active Class to a Navigation Menu Based on URL[
^].
Consider where to put the css and javascript code so that they are only written once and simply be included in every page.
As an example, I have added the javascript code in the header.php.
<ul>
<li><a class="menubar" href="index.php">Home</a></li>
<li><a class="menubar" href="scores.php">Scores</a></li>
</ul>
<script>
function addClass(){
var pageurl = window.location.href;
var menubar = document.getElementsByClassName('menubar');
for(i=0;i<menubar.length;i++) {
if(menubar[i].href.toLowerCase()==pageurl.toLowerCase()) {
menubar[i].className +=' active';
}
}
}
window.onload(addClass());
</script>