How To Make A One Page Smooth Scrolling Navigation​

Wednesday July 22, 2015, UPDATED 1/18/17
This tutorial will show you how to make a one page smooth scrolling navigation. The feature will allow smooth scrolling between different sections on your homepage, simply by clicking on items in the navigation.

You need a fixed (i.e., permanently at the top) navigation for this feature to work best. If your theme's navigation is not fixed, the end of this tutorial will explain how to make it fixed.

Optional: You can use this tutorial if you want to spice things up and make your navigation stick to the top of your site when the site is scrolled beyond the navigation.

Note: With the implementation of this feature, a new page layout will be created that will have sections created by code. Despite this, you will still be able to drag and drop the "Sections" element into the middle of this new page layout.