Reply To: Convert One Page

[Support]

Hello, first thanks for your purchase.

The best way is copy the nav menu items from one page demo and paste in the demo corporate 14. Here’s the HTML code of menu items from one page:

<ul class="nav nav-pills" id="mainNav">
	<li class="dropdown">
		<a data-hash class="dropdown-item dropdown-toggle active" href="#home">
			Home
		</a>
		<ul class="dropdown-menu">
			<li><a class="dropdown-item" href="index-classic.html">Default Home</a></li>
			<li><a class="dropdown-item" href="index-one-page.html">One Page Website</a></li>
		</ul>
	</li>
	<li>
		<a class="dropdown-item" data-hash data-hash-offset="68" href="#services">Services</a>
	</li>
	<li>
		<a class="dropdown-item" data-hash data-hash-offset="68" href="#projects">Projects</a>
	</li>
	<li>
		<a class="dropdown-item" data-hash data-hash-offset="68" href="#clients">Clients</a>
	</li>
	<li>
		<a class="dropdown-item" data-hash data-hash-offset="68" href="#team">Meet the Team</a>
	</li>
	<li>
		<a class="dropdown-item" data-hash data-hash-offset="68" href="#contact">Contact Us</a>
	</li>
</ul>

In the demo corporate 14 locate the same structure of code, remove and replace with the code above. Note the attributes data-hash data-hash-offset="68" at each navigation item. These attributes makes the one page click scroll works. The data-hash-offset="xx" is the distance in pixels from top of window browser and the section destination when scroll finishes. You should define the ID at sections that each link should scroll to, for example:

The link below (href="#team"):
<a class="dropdown-item" data-hash data-hash-offset="68" href="#team">Meet the Team</a>

Will scroll to:

<section id="team" class="section......">.....</section>

We hope this helps!

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---