Changing color of Nav element when its active

Site URL: http://aldenteenoteca.com

Hey can someone provide me with code to change the color of the nav item when its on that page, tried looking everywhere else not working

On 4/11/2021 at 4:22 PM, stringbryce said:

Site URL: http://aldenteenoteca.com

Hey can someone provide me with code to change the color of the nav item when its on that page, tried looking everywhere else not working

 

Add this into Advance-Code injection, change color red to whatever you like

<style>
.header a.active-page {
  color: red !important;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {	
	var currentPage = location.hash ? location.pathname + location.hash : location.hash;
	var _a = document.querySelectorAll('.header a[href*="'+currentPage+'"]');

	for (var i = 0; i < _a.length; ++i) {
	  _a[i].className += _a[i].className + " " + "active-page";
	}  
});

</script>

sorry could you adapt the code so it only applies to Gallery and Menu nav items?