Appearance

Set Up One Page ​

See our one-page demo at https://kella.dnngo.net/creative05/. When you click a menu, the page scrolls to the corresponding section. Follow these steps to set it up.

Setup Steps ​

Step 01. Log in to your site as super administrator.

Step 02. Click the page options icon on the left of the page.

Page options icon

Step 03. Click the page type button.

Page type button

Step 04. Choose One Page.

Choose One Page

Step 05. Choose Enable Custom Theme.

Enable Custom Theme

Step 06. Go back to the page and click the Section Settings button.

Section Settings button

Step 07. Fill in the Section ID and Section Title. There must be no space in the Section ID, and the text of the Section Title will display on the right of the nav.

Section ID and Section Title

Step 08. Go to Admin > Pages of the DNN site to add menu items. Set the Page Type to URL, and input the anchor ID from Step 7 into the External Url setting (for example #About). Input the menu name in the Name setting, such as About Us. Once done, clicking the About menu will scroll the page down to the #About anchor area.

Add the menu item

Step 09. You can add more anchor areas by following steps 6, 7 and 8.

One Page Settings ​

Pages of the onepage type have some extra settings.

One Page settings

  • Navigation — if set to on, it will show a navigation bar made up of small circles

Navigation

  • Navigation Position — set the nav bar on the left or the right of the window
  • Navigation Style — set the appearance of the nav bar; there are 3 appearances included in this theme
  • Easing Animation — the transition effect of the animation
  • Duration — the duration of the animation
  • Header Anchor — set the anchor of the header
  • Footer Anchor — set the anchor of the footer