diff --git a/resources/views/inc/navbarhome.blade.php b/resources/views/inc/navbarhome.blade.php
index 931fdc5909ab966deedf643738afbd3b9f14ef94..c938bad02041a4edfd8d0c9bf22fa3d6bf7d5436 100644
--- a/resources/views/inc/navbarhome.blade.php
+++ b/resources/views/inc/navbarhome.blade.php
@@ -27,9 +27,15 @@
<li class="hidden">
<a href="#page-top"></a>
</li>
- <li>
- <a href="/">Home</a>
- </li>
+ @if(Request::is('/'))
+ <li class="on-page" id="home-navbar">
+ <a href="/">Home</a>
+ </li>
+ @else
+ <li>
+ <a href="/">Home</a>
+ </li>
+ @endif
<li>
@if (Request::is('/'))
<a class="page-scroll" href="#service">Services</a>
diff --git a/resources/views/layouts/apphome.blade.php b/resources/views/layouts/apphome.blade.php
index 3354de490bdf0acba109eee81090fd9ab2d51e5b..20193a9764de30a2c0fc9dc18bd8a35e110a862a 100644
--- a/resources/views/layouts/apphome.blade.php
+++ b/resources/views/layouts/apphome.blade.php
@@ -56,7 +56,7 @@
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
-<body class="index">
+<body class="index" onscroll="scrollDetector()">
@include('inc.navbarhome')
<div id="loader">
<div class="spinner">
@@ -99,5 +99,10 @@
<!-- Custom Theme JavaScript -->
<script src="{{ asset('template/js/script.js') }}"></script>
+ <script>
+ function scrollDetector() {
+ document.getElementById("home-navbar").classList.remove('on-page');
+ }
+ </script>
</body>
</html>
\ No newline at end of file