Hello,
For the One Page Functionality to work. Consider using the .one-page-menu Element's Codes from the op-index.html Template, by using data-href instead of the data-scrollto Attribute. Example:
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
	<ul class="one-page-menu menu-container" data-easing="easeInOutExpo" data-speed="1250" data-offset="65">
		<li class="menu-item">
			<a href="#" class="menu-link" data-href="#wrapper"><div>Home</div></a>
		</li>
		<li class="menu-item">
			<a href="#" class="menu-link" data-href="#section-about"><div>About</div></a>
		</li>
		<li class="menu-item">
			<a href="#" class="menu-link" data-href="#section-works"><div>Works</div></a>
		</li>
		<li class="menu-item">
			<a href="#" class="menu-link" data-href="#section-services"><div>Services</div></a>
		</li>
		<li class="menu-item">
			<a href="#" class="menu-link" data-href="#section-blog"><div>Blog</div></a>
		</li>
		<li class="menu-item">
			<a href="#" class="menu-link" data-href="#section-contact"><div>Contact</div></a>
		</li>
	</ul>
</nav><!-- #primary-menu end -->
and add the .page-section Class to the #service DIV.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.