---
title: "Creating a One Page Site"
source: "https://docs.nexcess.com/software/kadence/creating-a-one-page-site/"
description: "This tutorial takes you through the step by step process of creating the Ascend Restaurant Demo. We will also walk you through setting up anchor links. We have…"
vertical: "Software"
area: "Kadence"
date: "2021-10-31"
last_modified: "2026-07-06"
---

# Creating a One Page Site

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-16-at-3.03.57-PM-copy-min-1024x517-1024x517-1.jpg)This tutorial takes you through the step by step process of creating the [Ascend Restaurant Demo.](http://mock.kadencethemes.com/ascend-premium-9/) We will also walk you through setting up anchor links.

We have created this tutorial using Ascend Premium theme, however, you can create a single page site using any of our themes. The steps are the same as those below, but the widgets and settings will vary theme to theme.

> \*Note, you can import the Ascend Restaurant Demo directly to your site using the [Kadence Importer.](https://www.kadencethemes.com/kadence-themes-demo-content/)

### Creating a Front Page

- From your Admin Panel, navigate to Pages and click Add New.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-09-at-4.42.08-PM-min.jpg)- Label your page “Home” (or whatever you would like).
- Open the page builder editor (for more info on page builder check out this [tutorial](https://www.kadencethemes.com/using-page-builder/)).

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-09-at-5.07.23-PM.jpg)- Add a single column row.
- Click Add Widget and add an Ascend: Call to Action widget to your row.
- Edit the call to action widget and add in a title and subtitle. This will be the title for your restaurant menu.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/ascendcall-min.jpg)- Add a new single column row.
- Add an Ascend: Tabs & Accordions widget to your row.
- Edit the widget and set the display to “Tabs” and the tab style to “Tab Style 2.”

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-12-at-12.47.39-PM-copy-min.jpg)- In your first pane, create your lunch menu using visual editor widgets, then do the same in a new pane for your dinner menu.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/panel1-min-1024x447-1024x447-1.jpg)![](https://docs.nexcess.com/wp-content/uploads/2026/07/panel1-min-1024x447-1-1024x447-1.jpg)- Save changes.
- Create a new single column row.
- Repeat the above steps to create the remaining rows.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/screencapture-mock-kadencethemes-ascend-premium-9-wp-admin-post-php-1507589526049-copy-min-741x1024-741x1024-1.jpg)- From your admin panel, navigate to Settings > Reading.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-12-at-10.27.45-AM-min-1.jpg)- Set the Front page displays to a static page and choose the home page you just created.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/reading-min.jpg)- Navigate to Theme Options > Home Page Layout and enable Page Content in the Homepage Layout Manager.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/homepage-min-1-1024x653-1024x653-1.jpg)### Setting up Your Anchor Menu

- Navigate to your home edit page.
- Hover over the right top toolbar of the first row and click “Edit row.”

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-10-at-12.00.35-PM-min.jpg)- Open the Attributes tab and type “menu” into the Row ID (this will be your first anchor link).

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-10-at-12.00.09-PM-min.jpg)- Repeat this for all the rows you want to be anchored from the menu.
- Navigate to Appearance > Menus and create a new menu.
- Add a Custom Links menu item to your menu. In the URL tab, type your row id with a “#”. Then in the Link Text tab, type your menu item label.
- Repeat this for all your anchor links.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/Screen-Shot-2017-10-10-at-12.39.08-PM-copy-min-300x275-1.jpg)- Navigate to Theme Options > Menu Settings and turn on “Enable animated scroll for menu anchor links”.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/links-min.jpg)### Setting up Your Slider

- Navigate to Theme Options > Home Page Header and choose a slider from the drop-down list.

\*Note, if using the Kadence Slider Pro, you need to create your slider in the Kadence Slider settings. See [here.](https://www.kadencethemes.com/kadence-slider-pro/)

![](https://docs.nexcess.com/wp-content/uploads/2026/07/newest-min.jpg)