Twenty Seventeen is a great theme that’s why it has +1 million active installs. Thanks to the front page sections, you can build beautiful business websites and include up to 4 pages in your homepage. Previously, we showed how to control the number of the homepage sections in this short guide.
Create a One Page Website Using Twenty Seventeen theme
In this post, we’re going to show you how to create an outstanding scrollable one page website using Twenty Seventeen theme. To make it easier for you, we have created a simple child theme called ‘SeventeenColt’.
1- Install and Activate SeventeenColt
SeventeenColt is a free child theme. Download it from this link and install it as any other theme.
2- Create Menu Items
You need to do this carefully to make sure that your menu items will work perfectly. As you may know, to create the jump links (scrollable links) a CSS ID is needed so that the link can jump to it. SeventeenColt creates an ID for every section using the page’s slug.
Assuming you already created the pages that will be used for your front page sections, the slug is the user-friendly URL of every page.
Appearance -> Menus and create a new menu and add the links as following:
- Click ‘Custom Links’
- In URL, add
/#page-slug. Note the
#. For example, if you have a ‘Contact Us’ page, you may have to add
- In Link Text, add the text you want to be displayed in the menu. You can use the page title.
- Add a custom link for every section of your front page sections.
- Save your menu and make sure that you assing it to ‘Top Menu’ location.
That’s all. Your homepage will scroll nicely when you click any menu item. I hope you find this short guide helpful. If you have any question, please feel free to use the comments section below.